<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>IconFont Demo</title>
  <link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=615582" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon tico">&#xe73c;</span>
                <div class="name">文件传输</div>
                <div class="code-name">&amp;#xe73c;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe74b;</span>
                <div class="name">file_gif</div>
                <div class="code-name">&amp;#xe74b;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe74e;</span>
                <div class="name">file_pdf</div>
                <div class="code-name">&amp;#xe74e;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe752;</span>
                <div class="name">file_pic</div>
                <div class="code-name">&amp;#xe752;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe753;</span>
                <div class="name">file_video</div>
                <div class="code-name">&amp;#xe753;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe754;</span>
                <div class="name">file_txt</div>
                <div class="code-name">&amp;#xe754;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe755;</span>
                <div class="name">file_zip</div>
                <div class="code-name">&amp;#xe755;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe756;</span>
                <div class="name">file_ppt</div>
                <div class="code-name">&amp;#xe756;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe757;</span>
                <div class="name">file_excel</div>
                <div class="code-name">&amp;#xe757;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe758;</span>
                <div class="name">file_music</div>
                <div class="code-name">&amp;#xe758;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe759;</span>
                <div class="name">file_html</div>
                <div class="code-name">&amp;#xe759;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe75a;</span>
                <div class="name">file_rar</div>
                <div class="code-name">&amp;#xe75a;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe75b;</span>
                <div class="name">file_unk</div>
                <div class="code-name">&amp;#xe75b;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe75c;</span>
                <div class="name">file_word</div>
                <div class="code-name">&amp;#xe75c;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe751;</span>
                <div class="name">cre_group</div>
                <div class="code-name">&amp;#xe751;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe750;</span>
                <div class="name">T立方_邮箱icon</div>
                <div class="code-name">&amp;#xe750;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe74f;</span>
                <div class="name">文件icon_2-editable</div>
                <div class="code-name">&amp;#xe74f;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe74c;</span>
                <div class="name">video-play-white</div>
                <div class="code-name">&amp;#xe74c;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe74d;</span>
                <div class="name">勾选</div>
                <div class="code-name">&amp;#xe74d;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe74a;</span>
                <div class="name">后台-返回</div>
                <div class="code-name">&amp;#xe74a;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe749;</span>
                <div class="name">推荐</div>
                <div class="code-name">&amp;#xe749;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe748;</span>
                <div class="name">video</div>
                <div class="code-name">&amp;#xe748;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe73f;</span>
                <div class="name">audio-col</div>
                <div class="code-name">&amp;#xe73f;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe740;</span>
                <div class="name">excel-col</div>
                <div class="code-name">&amp;#xe740;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe741;</span>
                <div class="name">html-col</div>
                <div class="code-name">&amp;#xe741;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe742;</span>
                <div class="name">gif-col</div>
                <div class="code-name">&amp;#xe742;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe743;</span>
                <div class="name">pdf-col</div>
                <div class="code-name">&amp;#xe743;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe744;</span>
                <div class="name">pic-col</div>
                <div class="code-name">&amp;#xe744;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe745;</span>
                <div class="name">ppt-col</div>
                <div class="code-name">&amp;#xe745;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe746;</span>
                <div class="name">unknown_file-col</div>
                <div class="code-name">&amp;#xe746;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe747;</span>
                <div class="name">txt-col</div>
                <div class="code-name">&amp;#xe747;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe738;</span>
                <div class="name">消息列表-群聊</div>
                <div class="code-name">&amp;#xe738;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe739;</span>
                <div class="name">消息列表-我的手机</div>
                <div class="code-name">&amp;#xe739;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe73a;</span>
                <div class="name">消息列表-免打扰</div>
                <div class="code-name">&amp;#xe73a;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe73b;</span>
                <div class="name">消息列表-加密聊天</div>
                <div class="code-name">&amp;#xe73b;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe696;</span>
                <div class="name">输入框-表情icon</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6a7;</span>
                <div class="name">输入框-截图icon</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6c4;</span>
                <div class="name">输入框-图片icon</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe737;</span>
                <div class="name">输入框-文件icon</div>
                <div class="code-name">&amp;#xe737;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe686;</span>
                <div class="name">个人信息-进入视频聊天</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe690;</span>
                <div class="name">个人信息-编辑</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe691;</span>
                <div class="name">个人信息-进入语音通话</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe692;</span>
                <div class="name">个人信息-女</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe693;</span>
                <div class="name">个人信息-进入聊天</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe694;</span>
                <div class="name">个人信息-进入加密聊天</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe695;</span>
                <div class="name">个人信息-男</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe682;</span>
                <div class="name">更多弹窗-发起加密群聊</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe683;</span>
                <div class="name">更多弹窗-发起群聊</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe685;</span>
                <div class="name">更多弹窗-发起加密聊天</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe67f;</span>
                <div class="name">导航栏-联系人</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe680;</span>
                <div class="name">导航栏-设置</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe681;</span>
                <div class="name">导航栏-消息</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe67e;</span>
                <div class="name">delete</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe684;</span>
                <div class="name">pic</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe687;</span>
                <div class="name">path</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe688;</span>
                <div class="name">html</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe689;</span>
                <div class="name">message</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe68a;</span>
                <div class="name">login-out</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe68b;</span>
                <div class="name">ppt</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe68c;</span>
                <div class="name">聊天框-关闭窗口</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe68d;</span>
                <div class="name">聊天框-窗口最小化</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe68e;</span>
                <div class="name">聊天框-缩小窗口</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe68f;</span>
                <div class="name">聊天框-窗口最大化</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe677;</span>
                <div class="name">txt</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe678;</span>
                <div class="name">excel</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe679;</span>
                <div class="name">audio</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe67a;</span>
                <div class="name">compress</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe67b;</span>
                <div class="name">to</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe67c;</span>
                <div class="name">gif</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe67d;</span>
                <div class="name">pdf</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe673;</span>
                <div class="name">upkeep</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe670;</span>
                <div class="name">accident-site</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe671;</span>
                <div class="name">accident-details</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe672;</span>
                <div class="name">cost</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe674;</span>
                <div class="name">refuel</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe675;</span>
                <div class="name">maintain</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe676;</span>
                <div class="name">mileage</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe66f;</span>
                <div class="name">qrcode</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe66e;</span>
                <div class="name">earth</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe66b;</span>
                <div class="name">select</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe66c;</span>
                <div class="name">driver</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe66d;</span>
                <div class="name">car</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe66a;</span>
                <div class="name">Project attribution</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe669;</span>
                <div class="name">share</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe668;</span>
                <div class="name">星星</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe667;</span>
                <div class="name">subtask</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe665;</span>
                <div class="name">tico-muisc-b</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe666;</span>
                <div class="name">tico-muisc</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe662;</span>
                <div class="name">collect</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe663;</span>
                <div class="name">WeChat</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe664;</span>
                <div class="name">moments</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe7df;</span>
                <div class="name">heart</div>
                <div class="code-name">&amp;#xe7df;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe849;</span>
                <div class="name">heart-fill</div>
                <div class="code-name">&amp;#xe849;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe661;</span>
                <div class="name">temple-selected</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe65e;</span>
                <div class="name">comment</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe65f;</span>
                <div class="name">smile</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe660;</span>
                <div class="name">vip</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe869;</span>
                <div class="name">like-fill</div>
                <div class="code-name">&amp;#xe869;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe7c8;</span>
                <div class="name">like</div>
                <div class="code-name">&amp;#xe7c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe653;</span>
                <div class="name">temple</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe656;</span>
                <div class="name">lock-b</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe657;</span>
                <div class="name">plus-square-b</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe658;</span>
                <div class="name">circle-uncheck</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe659;</span>
                <div class="name">WeChat</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe65a;</span>
                <div class="name">article</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe65b;</span>
                <div class="name">down-large-b</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe65c;</span>
                <div class="name">home</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe65d;</span>
                <div class="name">circle-check-b</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe652;</span>
                <div class="name">shield</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe654;</span>
                <div class="name">password</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe655;</span>
                <div class="name">phone</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe883;</span>
                <div class="name">wechat-fill</div>
                <div class="code-name">&amp;#xe883;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe651;</span>
                <div class="name">like</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe650;</span>
                <div class="name">comment</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe64f;</span>
                <div class="name">return-b</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe64e;</span>
                <div class="name">open-eye</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe64d;</span>
                <div class="name">activity</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe64c;</span>
                <div class="name">image</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe649;</span>
                <div class="name">completed-task</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe64a;</span>
                <div class="name">todo-task</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe64b;</span>
                <div class="name">doing-task</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe648;</span>
                <div class="name">report-form</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe646;</span>
                <div class="name">pencil</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe647;</span>
                <div class="name">pomodoro</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe644;</span>
                <div class="name">lock</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe645;</span>
                <div class="name">mobile-phone</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe643;</span>
                <div class="name">align-left</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe63e;</span>
                <div class="name">font</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe63f;</span>
                <div class="name">plus-square </div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe640;</span>
                <div class="name">dot-circle</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe641;</span>
                <div class="name">caret-square-down</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe642;</span>
                <div class="name">table</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe63d;</span>
                <div class="name">note-book-b</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe639;</span>
                <div class="name">daily-report</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe63a;</span>
                <div class="name">monthly-report</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe63b;</span>
                <div class="name">weekly-report</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe63c;</span>
                <div class="name">left-circle</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe638;</span>
                <div class="name">close-eye</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe630;</span>
                <div class="name">unread-envelope</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe637;</span>
                <div class="name">read-envelope</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe636;</span>
                <div class="name">file-zip</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe60c;</span>
                <div class="name">fit-size</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe60d;</span>
                <div class="name">full-screen</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe634;</span>
                <div class="name">image-download</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe635;</span>
                <div class="name">tip-b</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6f1;</span>
                <div class="name">up-large</div>
                <div class="code-name">&amp;#xe6f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6f2;</span>
                <div class="name">user-add</div>
                <div class="code-name">&amp;#xe6f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6f3;</span>
                <div class="name">user-avatar</div>
                <div class="code-name">&amp;#xe6f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6f4;</span>
                <div class="name">user-b</div>
                <div class="code-name">&amp;#xe6f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6f5;</span>
                <div class="name">user-doc</div>
                <div class="code-name">&amp;#xe6f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6f6;</span>
                <div class="name">user-gear</div>
                <div class="code-name">&amp;#xe6f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6f7;</span>
                <div class="name">user-list</div>
                <div class="code-name">&amp;#xe6f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6f8;</span>
                <div class="name">user-quit</div>
                <div class="code-name">&amp;#xe6f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6f9;</span>
                <div class="name">user-edit</div>
                <div class="code-name">&amp;#xe6f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6fa;</span>
                <div class="name">users</div>
                <div class="code-name">&amp;#xe6fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6fb;</span>
                <div class="name">user-star</div>
                <div class="code-name">&amp;#xe6fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6fc;</span>
                <div class="name">verified-1</div>
                <div class="code-name">&amp;#xe6fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6fd;</span>
                <div class="name">verified-2</div>
                <div class="code-name">&amp;#xe6fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6fe;</span>
                <div class="name">zoom-fit</div>
                <div class="code-name">&amp;#xe6fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6ff;</span>
                <div class="name">wechat-pay</div>
                <div class="code-name">&amp;#xe6ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe700;</span>
                <div class="name">zoom-in</div>
                <div class="code-name">&amp;#xe700;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe701;</span>
                <div class="name">zoom-out</div>
                <div class="code-name">&amp;#xe701;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe702;</span>
                <div class="name">warning</div>
                <div class="code-name">&amp;#xe702;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe703;</span>
                <div class="name">alipay</div>
                <div class="code-name">&amp;#xe703;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe704;</span>
                <div class="name">zoom-fullscreen</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe705;</span>
                <div class="name">array-left-b</div>
                <div class="code-name">&amp;#xe705;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe706;</span>
                <div class="name">approval</div>
                <div class="code-name">&amp;#xe706;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe707;</span>
                <div class="name">array-right-b</div>
                <div class="code-name">&amp;#xe707;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe708;</span>
                <div class="name">bell</div>
                <div class="code-name">&amp;#xe708;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe709;</span>
                <div class="name">bar-chart</div>
                <div class="code-name">&amp;#xe709;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe70b;</span>
                <div class="name">circle-money</div>
                <div class="code-name">&amp;#xe70b;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe70a;</span>
                <div class="name">sidebar</div>
                <div class="code-name">&amp;#xe70a;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe70c;</span>
                <div class="name">gear-b</div>
                <div class="code-name">&amp;#xe70c;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe70d;</span>
                <div class="name">apps</div>
                <div class="code-name">&amp;#xe70d;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe70e;</span>
                <div class="name">folder</div>
                <div class="code-name">&amp;#xe70e;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe70f;</span>
                <div class="name">location</div>
                <div class="code-name">&amp;#xe70f;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe710;</span>
                <div class="name">layers</div>
                <div class="code-name">&amp;#xe710;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe711;</span>
                <div class="name">user-2</div>
                <div class="code-name">&amp;#xe711;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6db;</span>
                <div class="name">up-circle</div>
                <div class="code-name">&amp;#xe6db;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe712;</span>
                <div class="name">application-b</div>
                <div class="code-name">&amp;#xe712;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe713;</span>
                <div class="name">box-duplicate</div>
                <div class="code-name">&amp;#xe713;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe714;</span>
                <div class="name">checkbox</div>
                <div class="code-name">&amp;#xe714;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe715;</span>
                <div class="name">circle-a</div>
                <div class="code-name">&amp;#xe715;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe716;</span>
                <div class="name">calenda-right</div>
                <div class="code-name">&amp;#xe716;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe717;</span>
                <div class="name">apps2</div>
                <div class="code-name">&amp;#xe717;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe718;</span>
                <div class="name">box-edit</div>
                <div class="code-name">&amp;#xe718;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe719;</span>
                <div class="name">circle-list</div>
                <div class="code-name">&amp;#xe719;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe71a;</span>
                <div class="name">circle-play2</div>
                <div class="code-name">&amp;#xe71a;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe71b;</span>
                <div class="name">circle-reduce</div>
                <div class="code-name">&amp;#xe71b;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe71c;</span>
                <div class="name">circle-clock</div>
                <div class="code-name">&amp;#xe71c;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe71d;</span>
                <div class="name">circle-users</div>
                <div class="code-name">&amp;#xe71d;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe71e;</span>
                <div class="name">envelop</div>
                <div class="code-name">&amp;#xe71e;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe71f;</span>
                <div class="name">flag-plus</div>
                <div class="code-name">&amp;#xe71f;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe720;</span>
                <div class="name">gear-small-b</div>
                <div class="code-name">&amp;#xe720;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe721;</span>
                <div class="name">location2</div>
                <div class="code-name">&amp;#xe721;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe722;</span>
                <div class="name">lock-open</div>
                <div class="code-name">&amp;#xe722;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe723;</span>
                <div class="name">lock</div>
                <div class="code-name">&amp;#xe723;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe724;</span>
                <div class="name">mountain</div>
                <div class="code-name">&amp;#xe724;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe725;</span>
                <div class="name">note</div>
                <div class="code-name">&amp;#xe725;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe726;</span>
                <div class="name">notebook</div>
                <div class="code-name">&amp;#xe726;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe727;</span>
                <div class="name">places</div>
                <div class="code-name">&amp;#xe727;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe728;</span>
                <div class="name">message-edit</div>
                <div class="code-name">&amp;#xe728;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe729;</span>
                <div class="name">plus-b</div>
                <div class="code-name">&amp;#xe729;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe72a;</span>
                <div class="name">presentation</div>
                <div class="code-name">&amp;#xe72a;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe72b;</span>
                <div class="name">recycled-big</div>
                <div class="code-name">&amp;#xe72b;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe72c;</span>
                <div class="name">pad-draw</div>
                <div class="code-name">&amp;#xe72c;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe72d;</span>
                <div class="name">refresh</div>
                <div class="code-name">&amp;#xe72d;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe72e;</span>
                <div class="name">shop-b</div>
                <div class="code-name">&amp;#xe72e;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe72f;</span>
                <div class="name">shared</div>
                <div class="code-name">&amp;#xe72f;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe730;</span>
                <div class="name">sort</div>
                <div class="code-name">&amp;#xe730;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe731;</span>
                <div class="name">star</div>
                <div class="code-name">&amp;#xe731;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe732;</span>
                <div class="name">share</div>
                <div class="code-name">&amp;#xe732;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe733;</span>
                <div class="name">sofa</div>
                <div class="code-name">&amp;#xe733;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe734;</span>
                <div class="name">tag</div>
                <div class="code-name">&amp;#xe734;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe735;</span>
                <div class="name">task-b</div>
                <div class="code-name">&amp;#xe735;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe736;</span>
                <div class="name">user-meeting</div>
                <div class="code-name">&amp;#xe736;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe603;</span>
                <div class="name">活动－场所标识－办公楼</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe604;</span>
                <div class="name">活动－场所标识－咖啡厅</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe605;</span>
                <div class="name">活动－场所标识－影视厅</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe606;</span>
                <div class="name">活动－场所标识－讨论-01</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe607;</span>
                <div class="name">退队用户默认头像</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe601;</span>
                <div class="name">version-pro</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe602;</span>
                <div class="name">version-ent</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe608;</span>
                <div class="name">version-free</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe609;</span>
                <div class="name">drop-down</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe60a;</span>
                <div class="name">circle-close-b</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe60b;</span>
                <div class="name">QR-code</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe60e;</span>
                <div class="name">book</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe60f;</span>
                <div class="name">activity</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe610;</span>
                <div class="name">report</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe611;</span>
                <div class="name">circle-right-arrow</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe612;</span>
                <div class="name">cloud</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe613;</span>
                <div class="name">grass</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe614;</span>
                <div class="name">flower</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe615;</span>
                <div class="name">drip</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe616;</span>
                <div class="name">sun</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe617;</span>
                <div class="name">umbrella</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe618;</span>
                <div class="name">bloom</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe619;</span>
                <div class="name">share</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe61a;</span>
                <div class="name">apple</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe61b;</span>
                <div class="name">flag</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe61c;</span>
                <div class="name">small-bells</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe61d;</span>
                <div class="name">necktie</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe61e;</span>
                <div class="name">crown</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe61f;</span>
                <div class="name"> clock</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe620;</span>
                <div class="name">lamp</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe621;</span>
                <div class="name">upgrade</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe622;</span>
                <div class="name">constitute</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe623;</span>
                <div class="name">storage</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe624;</span>
                <div class="name">team-members</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe625;</span>
                <div class="name">depressed</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe626;</span>
                <div class="name">ent-auth</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe627;</span>
                <div class="name">team-setup</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe628;</span>
                <div class="name">stamp-o</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe629;</span>
                <div class="name">minus-circle</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe62a;</span>
                <div class="name">plus-circle</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe62b;</span>
                <div class="name">member-remove</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe62c;</span>
                <div class="name">info</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe62d;</span>
                <div class="name">card</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe631;</span>
                <div class="name">p-done</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe632;</span>
                <div class="name">p-complete</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe62e;</span>
                <div class="name">p-active</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe62f;</span>
                <div class="name">phone</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe633;</span>
                <div class="name">lever</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe697;</span>
                <div class="name">briefcase-b</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe698;</span>
                <div class="name">calender</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe699;</span>
                <div class="name">bell-b</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe69a;</span>
                <div class="name">buildings</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe69b;</span>
                <div class="name">building-b</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe69c;</span>
                <div class="name">board-items</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe69d;</span>
                <div class="name">camera</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe69e;</span>
                <div class="name">circle-check</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe69f;</span>
                <div class="name">check</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6a0;</span>
                <div class="name">checkbox-b</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6a1;</span>
                <div class="name">circle-close</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6a2;</span>
                <div class="name">circle-ellipsis</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6a3;</span>
                <div class="name">circle-pause</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6a4;</span>
                <div class="name">circle-graph</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6a5;</span>
                <div class="name">circle-plus</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6a6;</span>
                <div class="name">circle-play</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6a8;</span>
                <div class="name">circle-plus-b</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6a9;</span>
                <div class="name">circle-question-b</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6aa;</span>
                <div class="name">circle-up-b</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6ab;</span>
                <div class="name">circle-stop</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6ac;</span>
                <div class="name">circle-stamp</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6ad;</span>
                <div class="name">circle-warning</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6ae;</span>
                <div class="name">circle-warning-b</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6af;</span>
                <div class="name">close-large</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6b0;</span>
                <div class="name">clock</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6b1;</span>
                <div class="name">cloud-upload</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6b2;</span>
                <div class="name">disk</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6b3;</span>
                <div class="name">doc</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6b4;</span>
                <div class="name">down</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6b5;</span>
                <div class="name">down-large</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6b6;</span>
                <div class="name">download-b</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6b7;</span>
                <div class="name">edit</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6b8;</span>
                <div class="name">ellipsis</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6b9;</span>
                <div class="name">envelop-b</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6ba;</span>
                <div class="name">edit-b</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6bb;</span>
                <div class="name">eye-b</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6bc;</span>
                <div class="name">female</div>
                <div class="code-name">&amp;#xe6bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6bd;</span>
                <div class="name">file</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6be;</span>
                <div class="name">fast-forward</div>
                <div class="code-name">&amp;#xe6be;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6bf;</span>
                <div class="name">file-add</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6c0;</span>
                <div class="name">file-text</div>
                <div class="code-name">&amp;#xe6c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6c1;</span>
                <div class="name">folder-add</div>
                <div class="code-name">&amp;#xe6c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6c2;</span>
                <div class="name">folder-b</div>
                <div class="code-name">&amp;#xe6c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6c3;</span>
                <div class="name">fingerprint-b</div>
                <div class="code-name">&amp;#xe6c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6c5;</span>
                <div class="name">gears</div>
                <div class="code-name">&amp;#xe6c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6c6;</span>
                <div class="name">gear</div>
                <div class="code-name">&amp;#xe6c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6c7;</span>
                <div class="name">grid-b</div>
                <div class="code-name">&amp;#xe6c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6c8;</span>
                <div class="name">hash</div>
                <div class="code-name">&amp;#xe6c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6c9;</span>
                <div class="name">graph</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6ca;</span>
                <div class="name">house-b</div>
                <div class="code-name">&amp;#xe6ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6cb;</span>
                <div class="name">home</div>
                <div class="code-name">&amp;#xe6cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6cc;</span>
                <div class="name">left-large</div>
                <div class="code-name">&amp;#xe6cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6cd;</span>
                <div class="name">lines-b</div>
                <div class="code-name">&amp;#xe6cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6ce;</span>
                <div class="name">link</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6cf;</span>
                <div class="name">list-items</div>
                <div class="code-name">&amp;#xe6cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6d0;</span>
                <div class="name">loop</div>
                <div class="code-name">&amp;#xe6d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6d1;</span>
                <div class="name">male</div>
                <div class="code-name">&amp;#xe6d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6d2;</span>
                <div class="name">magnifier-b</div>
                <div class="code-name">&amp;#xe6d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6d3;</span>
                <div class="name">message</div>
                <div class="code-name">&amp;#xe6d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6d4;</span>
                <div class="name">message-b</div>
                <div class="code-name">&amp;#xe6d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6d5;</span>
                <div class="name">minus</div>
                <div class="code-name">&amp;#xe6d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6d6;</span>
                <div class="name">pan</div>
                <div class="code-name">&amp;#xe6d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6d7;</span>
                <div class="name">monitor</div>
                <div class="code-name">&amp;#xe6d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6d8;</span>
                <div class="name">phone-b</div>
                <div class="code-name">&amp;#xe6d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6d9;</span>
                <div class="name">money-exchange-b</div>
                <div class="code-name">&amp;#xe6d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6da;</span>
                <div class="name">phonebook</div>
                <div class="code-name">&amp;#xe6da;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6dc;</span>
                <div class="name">pin</div>
                <div class="code-name">&amp;#xe6dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6dd;</span>
                <div class="name">pie-chart-b</div>
                <div class="code-name">&amp;#xe6dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6de;</span>
                <div class="name">power</div>
                <div class="code-name">&amp;#xe6de;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6df;</span>
                <div class="name">plus</div>
                <div class="code-name">&amp;#xe6df;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6e0;</span>
                <div class="name">recycled</div>
                <div class="code-name">&amp;#xe6e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6e1;</span>
                <div class="name">recycled-b</div>
                <div class="code-name">&amp;#xe6e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6e2;</span>
                <div class="name">return</div>
                <div class="code-name">&amp;#xe6e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6e3;</span>
                <div class="name">right-large</div>
                <div class="code-name">&amp;#xe6e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6e4;</span>
                <div class="name">safety</div>
                <div class="code-name">&amp;#xe6e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6e5;</span>
                <div class="name">sliders</div>
                <div class="code-name">&amp;#xe6e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6e6;</span>
                <div class="name">slider-panel</div>
                <div class="code-name">&amp;#xe6e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6e7;</span>
                <div class="name">sort-alpha-asc</div>
                <div class="code-name">&amp;#xe6e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6e8;</span>
                <div class="name">smile</div>
                <div class="code-name">&amp;#xe6e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6e9;</span>
                <div class="name">structure</div>
                <div class="code-name">&amp;#xe6e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6ea;</span>
                <div class="name">sound-b</div>
                <div class="code-name">&amp;#xe6ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6eb;</span>
                <div class="name">sound</div>
                <div class="code-name">&amp;#xe6eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6ec;</span>
                <div class="name">stamp-b</div>
                <div class="code-name">&amp;#xe6ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6ed;</span>
                <div class="name">task</div>
                <div class="code-name">&amp;#xe6ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6ee;</span>
                <div class="name">up-b</div>
                <div class="code-name">&amp;#xe6ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6ef;</span>
                <div class="name">upgrade</div>
                <div class="code-name">&amp;#xe6ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon tico">&#xe6f0;</span>
                <div class="name">user</div>
                <div class="code-name">&amp;#xe6f0;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'tico';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#tico') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.tico {
  font-family: "tico" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="tico"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"tico" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon tico tico-wenjianchuanshu"></span>
            <div class="name">
              文件传输
            </div>
            <div class="code-name">.tico-wenjianchuanshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-file_gif"></span>
            <div class="name">
              file_gif
            </div>
            <div class="code-name">.tico-file_gif
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-file_pdf"></span>
            <div class="name">
              file_pdf
            </div>
            <div class="code-name">.tico-file_pdf
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-file_pic"></span>
            <div class="name">
              file_pic
            </div>
            <div class="code-name">.tico-file_pic
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-file_video"></span>
            <div class="name">
              file_video
            </div>
            <div class="code-name">.tico-file_video
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-file_txt"></span>
            <div class="name">
              file_txt
            </div>
            <div class="code-name">.tico-file_txt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-file_zip"></span>
            <div class="name">
              file_zip
            </div>
            <div class="code-name">.tico-file_zip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-file_ppt"></span>
            <div class="name">
              file_ppt
            </div>
            <div class="code-name">.tico-file_ppt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-file_excel"></span>
            <div class="name">
              file_excel
            </div>
            <div class="code-name">.tico-file_excel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-file_music"></span>
            <div class="name">
              file_music
            </div>
            <div class="code-name">.tico-file_music
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-file_html"></span>
            <div class="name">
              file_html
            </div>
            <div class="code-name">.tico-file_html
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-file_rar"></span>
            <div class="name">
              file_rar
            </div>
            <div class="code-name">.tico-file_rar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-file_unk"></span>
            <div class="name">
              file_unk
            </div>
            <div class="code-name">.tico-file_unk
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-file_word"></span>
            <div class="name">
              file_word
            </div>
            <div class="code-name">.tico-file_word
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-cre_group"></span>
            <div class="name">
              cre_group
            </div>
            <div class="code-name">.tico-cre_group
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-Tlifang_youxiangicon"></span>
            <div class="name">
              T立方_邮箱icon
            </div>
            <div class="code-name">.tico-Tlifang_youxiangicon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-wenjianicon_-editable"></span>
            <div class="name">
              文件icon_2-editable
            </div>
            <div class="code-name">.tico-wenjianicon_-editable
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-video-play-white"></span>
            <div class="name">
              video-play-white
            </div>
            <div class="code-name">.tico-video-play-white
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-ziyuan"></span>
            <div class="name">
              勾选
            </div>
            <div class="code-name">.tico-ziyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-houtai-fanhui"></span>
            <div class="name">
              后台-返回
            </div>
            <div class="code-name">.tico-houtai-fanhui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-tuijian"></span>
            <div class="name">
              推荐
            </div>
            <div class="code-name">.tico-tuijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-vedeo-"></span>
            <div class="name">
              video
            </div>
            <div class="code-name">.tico-vedeo-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-audio1"></span>
            <div class="name">
              audio-col
            </div>
            <div class="code-name">.tico-audio1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-excel1"></span>
            <div class="name">
              excel-col
            </div>
            <div class="code-name">.tico-excel1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-html1"></span>
            <div class="name">
              html-col
            </div>
            <div class="code-name">.tico-html1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-gif1"></span>
            <div class="name">
              gif-col
            </div>
            <div class="code-name">.tico-gif1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-pdf1"></span>
            <div class="name">
              pdf-col
            </div>
            <div class="code-name">.tico-pdf1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-pic1"></span>
            <div class="name">
              pic-col
            </div>
            <div class="code-name">.tico-pic1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-ppt1"></span>
            <div class="name">
              ppt-col
            </div>
            <div class="code-name">.tico-ppt1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-unknown_file"></span>
            <div class="name">
              unknown_file-col
            </div>
            <div class="code-name">.tico-unknown_file
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-txt1"></span>
            <div class="name">
              txt-col
            </div>
            <div class="code-name">.tico-txt1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-xiaoxiliebiao-qunliao"></span>
            <div class="name">
              消息列表-群聊
            </div>
            <div class="code-name">.tico-xiaoxiliebiao-qunliao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-xiaoxiliebiao-wodeshouji"></span>
            <div class="name">
              消息列表-我的手机
            </div>
            <div class="code-name">.tico-xiaoxiliebiao-wodeshouji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-xiaoxiliebiao-miandarao"></span>
            <div class="name">
              消息列表-免打扰
            </div>
            <div class="code-name">.tico-xiaoxiliebiao-miandarao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-xiaoxiliebiao-jiamiliaotian"></span>
            <div class="name">
              消息列表-加密聊天
            </div>
            <div class="code-name">.tico-xiaoxiliebiao-jiamiliaotian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-shurukuang-biaoqingicon"></span>
            <div class="name">
              输入框-表情icon
            </div>
            <div class="code-name">.tico-shurukuang-biaoqingicon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-shurukuang-jietuicon"></span>
            <div class="name">
              输入框-截图icon
            </div>
            <div class="code-name">.tico-shurukuang-jietuicon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-shurukuang-tupianicon"></span>
            <div class="name">
              输入框-图片icon
            </div>
            <div class="code-name">.tico-shurukuang-tupianicon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-shurukuang-wenjianicon"></span>
            <div class="name">
              输入框-文件icon
            </div>
            <div class="code-name">.tico-shurukuang-wenjianicon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-gerenxinxi-jinrushipinliaotian"></span>
            <div class="name">
              个人信息-进入视频聊天
            </div>
            <div class="code-name">.tico-gerenxinxi-jinrushipinliaotian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-gerenxinxi-bianji"></span>
            <div class="name">
              个人信息-编辑
            </div>
            <div class="code-name">.tico-gerenxinxi-bianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-gerenxinxi-jinruyuyintonghua"></span>
            <div class="name">
              个人信息-进入语音通话
            </div>
            <div class="code-name">.tico-gerenxinxi-jinruyuyintonghua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-gerenxinxi-nv"></span>
            <div class="name">
              个人信息-女
            </div>
            <div class="code-name">.tico-gerenxinxi-nv
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-gerenxinxi-jinruliaotian"></span>
            <div class="name">
              个人信息-进入聊天
            </div>
            <div class="code-name">.tico-gerenxinxi-jinruliaotian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-gerenxinxi-jinrujiamiliaotian"></span>
            <div class="name">
              个人信息-进入加密聊天
            </div>
            <div class="code-name">.tico-gerenxinxi-jinrujiamiliaotian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-gerenxinxi-nan"></span>
            <div class="name">
              个人信息-男
            </div>
            <div class="code-name">.tico-gerenxinxi-nan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-gengduodanchuang-faqijiamiqunliao"></span>
            <div class="name">
              更多弹窗-发起加密群聊
            </div>
            <div class="code-name">.tico-gengduodanchuang-faqijiamiqunliao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-gengduodanchuang-faqiqunliao"></span>
            <div class="name">
              更多弹窗-发起群聊
            </div>
            <div class="code-name">.tico-gengduodanchuang-faqiqunliao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-gengduodanchuang-faqijiamiliaotian"></span>
            <div class="name">
              更多弹窗-发起加密聊天
            </div>
            <div class="code-name">.tico-gengduodanchuang-faqijiamiliaotian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-daohanglan-lianxiren"></span>
            <div class="name">
              导航栏-联系人
            </div>
            <div class="code-name">.tico-daohanglan-lianxiren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-daohanglan-shezhi"></span>
            <div class="name">
              导航栏-设置
            </div>
            <div class="code-name">.tico-daohanglan-shezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-daohanglan-xiaoxi"></span>
            <div class="name">
              导航栏-消息
            </div>
            <div class="code-name">.tico-daohanglan-xiaoxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-delete"></span>
            <div class="name">
              delete
            </div>
            <div class="code-name">.tico-delete
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-pic"></span>
            <div class="name">
              pic
            </div>
            <div class="code-name">.tico-pic
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-path"></span>
            <div class="name">
              path
            </div>
            <div class="code-name">.tico-path
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-html"></span>
            <div class="name">
              html
            </div>
            <div class="code-name">.tico-html
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-message1"></span>
            <div class="name">
              message
            </div>
            <div class="code-name">.tico-message1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-login-out"></span>
            <div class="name">
              login-out
            </div>
            <div class="code-name">.tico-login-out
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-ppt"></span>
            <div class="name">
              ppt
            </div>
            <div class="code-name">.tico-ppt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-liaotiankuang-guanbichuangkou"></span>
            <div class="name">
              聊天框-关闭窗口
            </div>
            <div class="code-name">.tico-liaotiankuang-guanbichuangkou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-liaotiankuang-chuangkouzuixiaohua"></span>
            <div class="name">
              聊天框-窗口最小化
            </div>
            <div class="code-name">.tico-liaotiankuang-chuangkouzuixiaohua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-liaotiankuang-suoxiaochuangkou"></span>
            <div class="name">
              聊天框-缩小窗口
            </div>
            <div class="code-name">.tico-liaotiankuang-suoxiaochuangkou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-liaotiankuang-chuangkouzuidahua"></span>
            <div class="name">
              聊天框-窗口最大化
            </div>
            <div class="code-name">.tico-liaotiankuang-chuangkouzuidahua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-txt"></span>
            <div class="name">
              txt
            </div>
            <div class="code-name">.tico-txt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-excel"></span>
            <div class="name">
              excel
            </div>
            <div class="code-name">.tico-excel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-audio"></span>
            <div class="name">
              audio
            </div>
            <div class="code-name">.tico-audio
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-compress"></span>
            <div class="name">
              compress
            </div>
            <div class="code-name">.tico-compress
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-to"></span>
            <div class="name">
              to
            </div>
            <div class="code-name">.tico-to
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-gif"></span>
            <div class="name">
              gif
            </div>
            <div class="code-name">.tico-gif
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-pdf"></span>
            <div class="name">
              pdf
            </div>
            <div class="code-name">.tico-pdf
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-upkeep"></span>
            <div class="name">
              upkeep
            </div>
            <div class="code-name">.tico-upkeep
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-accident-site"></span>
            <div class="name">
              accident-site
            </div>
            <div class="code-name">.tico-accident-site
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-accident-details"></span>
            <div class="name">
              accident-details
            </div>
            <div class="code-name">.tico-accident-details
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-cost"></span>
            <div class="name">
              cost
            </div>
            <div class="code-name">.tico-cost
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-refuel"></span>
            <div class="name">
              refuel
            </div>
            <div class="code-name">.tico-refuel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-maintain"></span>
            <div class="name">
              maintain
            </div>
            <div class="code-name">.tico-maintain
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-mileage"></span>
            <div class="name">
              mileage
            </div>
            <div class="code-name">.tico-mileage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-erweima"></span>
            <div class="name">
              qrcode
            </div>
            <div class="code-name">.tico-erweima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-earth"></span>
            <div class="name">
              earth
            </div>
            <div class="code-name">.tico-earth
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-select"></span>
            <div class="name">
              select
            </div>
            <div class="code-name">.tico-select
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-driver"></span>
            <div class="name">
              driver
            </div>
            <div class="code-name">.tico-driver
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-car"></span>
            <div class="name">
              car
            </div>
            <div class="code-name">.tico-car
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-project-attribution"></span>
            <div class="name">
              Project attribution
            </div>
            <div class="code-name">.tico-project-attribution
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-share-e"></span>
            <div class="name">
              share
            </div>
            <div class="code-name">.tico-share-e
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-star-s"></span>
            <div class="name">
              星星
            </div>
            <div class="code-name">.tico-star-s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-tico-subtask"></span>
            <div class="name">
              subtask
            </div>
            <div class="code-name">.tico-tico-subtask
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-tico-muisc-b"></span>
            <div class="name">
              tico-muisc-b
            </div>
            <div class="code-name">.tico-tico-muisc-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-tico-muisc"></span>
            <div class="name">
              tico-muisc
            </div>
            <div class="code-name">.tico-tico-muisc
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-collect"></span>
            <div class="name">
              collect
            </div>
            <div class="code-name">.tico-collect
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-WeChat1"></span>
            <div class="name">
              WeChat
            </div>
            <div class="code-name">.tico-WeChat1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-moments"></span>
            <div class="name">
              moments
            </div>
            <div class="code-name">.tico-moments
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-heart"></span>
            <div class="name">
              heart
            </div>
            <div class="code-name">.tico-heart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-heart-fill"></span>
            <div class="name">
              heart-fill
            </div>
            <div class="code-name">.tico-heart-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-temple-selected"></span>
            <div class="name">
              temple-selected
            </div>
            <div class="code-name">.tico-temple-selected
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-comment"></span>
            <div class="name">
              comment
            </div>
            <div class="code-name">.tico-comment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-smile1"></span>
            <div class="name">
              smile
            </div>
            <div class="code-name">.tico-smile1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-vip"></span>
            <div class="name">
              vip
            </div>
            <div class="code-name">.tico-vip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-like-fill"></span>
            <div class="name">
              like-fill
            </div>
            <div class="code-name">.tico-like-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-like"></span>
            <div class="name">
              like
            </div>
            <div class="code-name">.tico-like
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-temple"></span>
            <div class="name">
              temple
            </div>
            <div class="code-name">.tico-temple
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-lock-b"></span>
            <div class="name">
              lock-b
            </div>
            <div class="code-name">.tico-lock-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-plus-square-b"></span>
            <div class="name">
              plus-square-b
            </div>
            <div class="code-name">.tico-plus-square-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-circle-uncheck"></span>
            <div class="name">
              circle-uncheck
            </div>
            <div class="code-name">.tico-circle-uncheck
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-WeChat"></span>
            <div class="name">
              WeChat
            </div>
            <div class="code-name">.tico-WeChat
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-article"></span>
            <div class="name">
              article
            </div>
            <div class="code-name">.tico-article
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-down-large-b"></span>
            <div class="name">
              down-large-b
            </div>
            <div class="code-name">.tico-down-large-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-home1"></span>
            <div class="name">
              home
            </div>
            <div class="code-name">.tico-home1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-gouxuan"></span>
            <div class="name">
              circle-check-b
            </div>
            <div class="code-name">.tico-gouxuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-tico-shield"></span>
            <div class="name">
              shield
            </div>
            <div class="code-name">.tico-tico-shield
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-tico-password"></span>
            <div class="name">
              password
            </div>
            <div class="code-name">.tico-tico-password
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-tico-phone-b"></span>
            <div class="name">
              phone
            </div>
            <div class="code-name">.tico-tico-phone-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-wechat-fill"></span>
            <div class="name">
              wechat-fill
            </div>
            <div class="code-name">.tico-wechat-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-tico-like"></span>
            <div class="name">
              like
            </div>
            <div class="code-name">.tico-tico-like
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-tico-comment"></span>
            <div class="name">
              comment
            </div>
            <div class="code-name">.tico-tico-comment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-tico-return-b"></span>
            <div class="name">
              return-b
            </div>
            <div class="code-name">.tico-tico-return-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-open-eye"></span>
            <div class="name">
              open-eye
            </div>
            <div class="code-name">.tico-open-eye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-huodong_huaban"></span>
            <div class="name">
              activity
            </div>
            <div class="code-name">.tico-huodong_huaban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-image"></span>
            <div class="name">
              image
            </div>
            <div class="code-name">.tico-image
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-completed-task"></span>
            <div class="name">
              completed-task
            </div>
            <div class="code-name">.tico-completed-task
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-todo-task"></span>
            <div class="name">
              todo-task
            </div>
            <div class="code-name">.tico-todo-task
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-doing-task"></span>
            <div class="name">
              doing-task
            </div>
            <div class="code-name">.tico-doing-task
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-report-form"></span>
            <div class="name">
              report-form
            </div>
            <div class="code-name">.tico-report-form
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-pencil"></span>
            <div class="name">
              pencil
            </div>
            <div class="code-name">.tico-pencil
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-pomodoro"></span>
            <div class="name">
              pomodoro
            </div>
            <div class="code-name">.tico-pomodoro
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-lock1"></span>
            <div class="name">
              lock
            </div>
            <div class="code-name">.tico-lock1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-mobile-phone"></span>
            <div class="name">
              mobile-phone
            </div>
            <div class="code-name">.tico-mobile-phone
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-align-left"></span>
            <div class="name">
              align-left
            </div>
            <div class="code-name">.tico-align-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-font"></span>
            <div class="name">
              font
            </div>
            <div class="code-name">.tico-font
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-plus-square"></span>
            <div class="name">
              plus-square 
            </div>
            <div class="code-name">.tico-plus-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-dot-circle"></span>
            <div class="name">
              dot-circle
            </div>
            <div class="code-name">.tico-dot-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-caret-square-down"></span>
            <div class="name">
              caret-square-down
            </div>
            <div class="code-name">.tico-caret-square-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-table"></span>
            <div class="name">
              table
            </div>
            <div class="code-name">.tico-table
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-note-book-b"></span>
            <div class="name">
              note-book-b
            </div>
            <div class="code-name">.tico-note-book-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-daily-report"></span>
            <div class="name">
              daily-report
            </div>
            <div class="code-name">.tico-daily-report
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-monthly-report"></span>
            <div class="name">
              monthly-report
            </div>
            <div class="code-name">.tico-monthly-report
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-weekly-report"></span>
            <div class="name">
              weekly-report
            </div>
            <div class="code-name">.tico-weekly-report
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-left-circle"></span>
            <div class="name">
              left-circle
            </div>
            <div class="code-name">.tico-left-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-close-eye"></span>
            <div class="name">
              close-eye
            </div>
            <div class="code-name">.tico-close-eye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-unread-envelope"></span>
            <div class="name">
              unread-envelope
            </div>
            <div class="code-name">.tico-unread-envelope
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-read-envelope"></span>
            <div class="name">
              read-envelope
            </div>
            <div class="code-name">.tico-read-envelope
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-file-zip"></span>
            <div class="name">
              file-zip
            </div>
            <div class="code-name">.tico-file-zip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-fit-size"></span>
            <div class="name">
              fit-size
            </div>
            <div class="code-name">.tico-fit-size
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-full-screen"></span>
            <div class="name">
              full-screen
            </div>
            <div class="code-name">.tico-full-screen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-image-download"></span>
            <div class="name">
              image-download
            </div>
            <div class="code-name">.tico-image-download
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-tip-b"></span>
            <div class="name">
              tip-b
            </div>
            <div class="code-name">.tico-tip-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-up-large"></span>
            <div class="name">
              up-large
            </div>
            <div class="code-name">.tico-up-large
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-user-add"></span>
            <div class="name">
              user-add
            </div>
            <div class="code-name">.tico-user-add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-user-avatar"></span>
            <div class="name">
              user-avatar
            </div>
            <div class="code-name">.tico-user-avatar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-user-b"></span>
            <div class="name">
              user-b
            </div>
            <div class="code-name">.tico-user-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-user-doc"></span>
            <div class="name">
              user-doc
            </div>
            <div class="code-name">.tico-user-doc
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-user-gear"></span>
            <div class="name">
              user-gear
            </div>
            <div class="code-name">.tico-user-gear
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-user-list"></span>
            <div class="name">
              user-list
            </div>
            <div class="code-name">.tico-user-list
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-user-quit"></span>
            <div class="name">
              user-quit
            </div>
            <div class="code-name">.tico-user-quit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-user-edit"></span>
            <div class="name">
              user-edit
            </div>
            <div class="code-name">.tico-user-edit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-users"></span>
            <div class="name">
              users
            </div>
            <div class="code-name">.tico-users
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-user-star"></span>
            <div class="name">
              user-star
            </div>
            <div class="code-name">.tico-user-star
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-verified-2"></span>
            <div class="name">
              verified-1
            </div>
            <div class="code-name">.tico-verified-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-verified-1"></span>
            <div class="name">
              verified-2
            </div>
            <div class="code-name">.tico-verified-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-zoom-fit"></span>
            <div class="name">
              zoom-fit
            </div>
            <div class="code-name">.tico-zoom-fit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-wechat-pay"></span>
            <div class="name">
              wechat-pay
            </div>
            <div class="code-name">.tico-wechat-pay
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-zoom-in"></span>
            <div class="name">
              zoom-in
            </div>
            <div class="code-name">.tico-zoom-in
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-zoom-out"></span>
            <div class="name">
              zoom-out
            </div>
            <div class="code-name">.tico-zoom-out
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-warning"></span>
            <div class="name">
              warning
            </div>
            <div class="code-name">.tico-warning
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-alipay"></span>
            <div class="name">
              alipay
            </div>
            <div class="code-name">.tico-alipay
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-zoom-fullscreen"></span>
            <div class="name">
              zoom-fullscreen
            </div>
            <div class="code-name">.tico-zoom-fullscreen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-array-left-b"></span>
            <div class="name">
              array-left-b
            </div>
            <div class="code-name">.tico-array-left-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-approval"></span>
            <div class="name">
              approval
            </div>
            <div class="code-name">.tico-approval
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-array-right-b"></span>
            <div class="name">
              array-right-b
            </div>
            <div class="code-name">.tico-array-right-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-bell"></span>
            <div class="name">
              bell
            </div>
            <div class="code-name">.tico-bell
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-bar-chart"></span>
            <div class="name">
              bar-chart
            </div>
            <div class="code-name">.tico-bar-chart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-circle-money"></span>
            <div class="name">
              circle-money
            </div>
            <div class="code-name">.tico-circle-money
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-sidebar"></span>
            <div class="name">
              sidebar
            </div>
            <div class="code-name">.tico-sidebar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-gear-b"></span>
            <div class="name">
              gear-b
            </div>
            <div class="code-name">.tico-gear-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-apps"></span>
            <div class="name">
              apps
            </div>
            <div class="code-name">.tico-apps
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-folder"></span>
            <div class="name">
              folder
            </div>
            <div class="code-name">.tico-folder
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-location"></span>
            <div class="name">
              location
            </div>
            <div class="code-name">.tico-location
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-layers"></span>
            <div class="name">
              layers
            </div>
            <div class="code-name">.tico-layers
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-usergroup"></span>
            <div class="name">
              user-2
            </div>
            <div class="code-name">.tico-usergroup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-up-circle"></span>
            <div class="name">
              up-circle
            </div>
            <div class="code-name">.tico-up-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-apps-b"></span>
            <div class="name">
              application-b
            </div>
            <div class="code-name">.tico-apps-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-box-duplicate"></span>
            <div class="name">
              box-duplicate
            </div>
            <div class="code-name">.tico-box-duplicate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-checkbox"></span>
            <div class="name">
              checkbox
            </div>
            <div class="code-name">.tico-checkbox
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-circle-a"></span>
            <div class="name">
              circle-a
            </div>
            <div class="code-name">.tico-circle-a
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-calenda-right"></span>
            <div class="name">
              calenda-right
            </div>
            <div class="code-name">.tico-calenda-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-apps1"></span>
            <div class="name">
              apps2
            </div>
            <div class="code-name">.tico-apps1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-box-edit"></span>
            <div class="name">
              box-edit
            </div>
            <div class="code-name">.tico-box-edit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-circle-list"></span>
            <div class="name">
              circle-list
            </div>
            <div class="code-name">.tico-circle-list
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-circle-play1"></span>
            <div class="name">
              circle-play2
            </div>
            <div class="code-name">.tico-circle-play1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-circle-reduce"></span>
            <div class="name">
              circle-reduce
            </div>
            <div class="code-name">.tico-circle-reduce
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-circle-clock"></span>
            <div class="name">
              circle-clock
            </div>
            <div class="code-name">.tico-circle-clock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-circle-users"></span>
            <div class="name">
              circle-users
            </div>
            <div class="code-name">.tico-circle-users
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-envelop"></span>
            <div class="name">
              envelop
            </div>
            <div class="code-name">.tico-envelop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-flag-plus"></span>
            <div class="name">
              flag-plus
            </div>
            <div class="code-name">.tico-flag-plus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-gear-small-b"></span>
            <div class="name">
              gear-small-b
            </div>
            <div class="code-name">.tico-gear-small-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-location1"></span>
            <div class="name">
              location2
            </div>
            <div class="code-name">.tico-location1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-lock-open"></span>
            <div class="name">
              lock-open
            </div>
            <div class="code-name">.tico-lock-open
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-lock"></span>
            <div class="name">
              lock
            </div>
            <div class="code-name">.tico-lock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-mountain"></span>
            <div class="name">
              mountain
            </div>
            <div class="code-name">.tico-mountain
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-note"></span>
            <div class="name">
              note
            </div>
            <div class="code-name">.tico-note
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-notebook"></span>
            <div class="name">
              notebook
            </div>
            <div class="code-name">.tico-notebook
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-places"></span>
            <div class="name">
              places
            </div>
            <div class="code-name">.tico-places
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-message-edit"></span>
            <div class="name">
              message-edit
            </div>
            <div class="code-name">.tico-message-edit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-plus-b"></span>
            <div class="name">
              plus-b
            </div>
            <div class="code-name">.tico-plus-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-presentation"></span>
            <div class="name">
              presentation
            </div>
            <div class="code-name">.tico-presentation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-recycled-big"></span>
            <div class="name">
              recycled-big
            </div>
            <div class="code-name">.tico-recycled-big
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-pad-draw"></span>
            <div class="name">
              pad-draw
            </div>
            <div class="code-name">.tico-pad-draw
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-refresh"></span>
            <div class="name">
              refresh
            </div>
            <div class="code-name">.tico-refresh
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-shop-b"></span>
            <div class="name">
              shop-b
            </div>
            <div class="code-name">.tico-shop-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-shared"></span>
            <div class="name">
              shared
            </div>
            <div class="code-name">.tico-shared
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-sort"></span>
            <div class="name">
              sort
            </div>
            <div class="code-name">.tico-sort
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-star"></span>
            <div class="name">
              star
            </div>
            <div class="code-name">.tico-star
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-share"></span>
            <div class="name">
              share
            </div>
            <div class="code-name">.tico-share
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-sofa"></span>
            <div class="name">
              sofa
            </div>
            <div class="code-name">.tico-sofa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-tag"></span>
            <div class="name">
              tag
            </div>
            <div class="code-name">.tico-tag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-task-b"></span>
            <div class="name">
              task-b
            </div>
            <div class="code-name">.tico-task-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-user-meeting"></span>
            <div class="name">
              user-meeting
            </div>
            <div class="code-name">.tico-user-meeting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-building"></span>
            <div class="name">
              活动－场所标识－办公楼
            </div>
            <div class="code-name">.tico-building
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-coffee"></span>
            <div class="name">
              活动－场所标识－咖啡厅
            </div>
            <div class="code-name">.tico-coffee
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-film"></span>
            <div class="name">
              活动－场所标识－影视厅
            </div>
            <div class="code-name">.tico-film
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-discuss"></span>
            <div class="name">
              活动－场所标识－讨论-01
            </div>
            <div class="code-name">.tico-discuss
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-default-avatar"></span>
            <div class="name">
              退队用户默认头像
            </div>
            <div class="code-name">.tico-default-avatar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-version-pro"></span>
            <div class="name">
              version-pro
            </div>
            <div class="code-name">.tico-version-pro
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-version-ent"></span>
            <div class="name">
              version-ent
            </div>
            <div class="code-name">.tico-version-ent
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-version-free"></span>
            <div class="name">
              version-free
            </div>
            <div class="code-name">.tico-version-free
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-drop-down"></span>
            <div class="name">
              drop-down
            </div>
            <div class="code-name">.tico-drop-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-circle-close-b"></span>
            <div class="name">
              circle-close-b
            </div>
            <div class="code-name">.tico-circle-close-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-QR-code"></span>
            <div class="name">
              QR-code
            </div>
            <div class="code-name">.tico-QR-code
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-note-book"></span>
            <div class="name">
              book
            </div>
            <div class="code-name">.tico-note-book
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-activity"></span>
            <div class="name">
              activity
            </div>
            <div class="code-name">.tico-activity
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-report"></span>
            <div class="name">
              report
            </div>
            <div class="code-name">.tico-report
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-right-circle"></span>
            <div class="name">
              circle-right-arrow
            </div>
            <div class="code-name">.tico-right-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-cloud-b"></span>
            <div class="name">
              cloud
            </div>
            <div class="code-name">.tico-cloud-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-grass-b"></span>
            <div class="name">
              grass
            </div>
            <div class="code-name">.tico-grass-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-flower-b"></span>
            <div class="name">
              flower
            </div>
            <div class="code-name">.tico-flower-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-drip-b"></span>
            <div class="name">
              drip
            </div>
            <div class="code-name">.tico-drip-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-sun-b"></span>
            <div class="name">
              sun
            </div>
            <div class="code-name">.tico-sun-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-umbrella-b"></span>
            <div class="name">
              umbrella
            </div>
            <div class="code-name">.tico-umbrella-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-bloom-b"></span>
            <div class="name">
              bloom
            </div>
            <div class="code-name">.tico-bloom-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-share-b"></span>
            <div class="name">
              share
            </div>
            <div class="code-name">.tico-share-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-apple-b"></span>
            <div class="name">
              apple
            </div>
            <div class="code-name">.tico-apple-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-flag-b"></span>
            <div class="name">
              flag
            </div>
            <div class="code-name">.tico-flag-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-small-bells-b"></span>
            <div class="name">
              small-bells
            </div>
            <div class="code-name">.tico-small-bells-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-necktie-b"></span>
            <div class="name">
              necktie
            </div>
            <div class="code-name">.tico-necktie-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-crown-b"></span>
            <div class="name">
              crown
            </div>
            <div class="code-name">.tico-crown-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-clock-b"></span>
            <div class="name">
               clock
            </div>
            <div class="code-name">.tico-clock-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-lamp-b"></span>
            <div class="name">
              lamp
            </div>
            <div class="code-name">.tico-lamp-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-upgrade1"></span>
            <div class="name">
              upgrade
            </div>
            <div class="code-name">.tico-upgrade1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-constitute"></span>
            <div class="name">
              constitute
            </div>
            <div class="code-name">.tico-constitute
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-storage"></span>
            <div class="name">
              storage
            </div>
            <div class="code-name">.tico-storage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-team-members"></span>
            <div class="name">
              team-members
            </div>
            <div class="code-name">.tico-team-members
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-depressed"></span>
            <div class="name">
              depressed
            </div>
            <div class="code-name">.tico-depressed
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-ent-auth"></span>
            <div class="name">
              ent-auth
            </div>
            <div class="code-name">.tico-ent-auth
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-team-setup"></span>
            <div class="name">
              team-setup
            </div>
            <div class="code-name">.tico-team-setup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-stamp-o"></span>
            <div class="name">
              stamp-o
            </div>
            <div class="code-name">.tico-stamp-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-minus-circle"></span>
            <div class="name">
              minus-circle
            </div>
            <div class="code-name">.tico-minus-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-plus-circle"></span>
            <div class="name">
              plus-circle
            </div>
            <div class="code-name">.tico-plus-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-member-remove"></span>
            <div class="name">
              member-remove
            </div>
            <div class="code-name">.tico-member-remove
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-info"></span>
            <div class="name">
              info
            </div>
            <div class="code-name">.tico-info
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-p-card"></span>
            <div class="name">
              card
            </div>
            <div class="code-name">.tico-p-card
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-p-done"></span>
            <div class="name">
              p-done
            </div>
            <div class="code-name">.tico-p-done
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-p-complete"></span>
            <div class="name">
              p-complete
            </div>
            <div class="code-name">.tico-p-complete
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-p-active"></span>
            <div class="name">
              p-active
            </div>
            <div class="code-name">.tico-p-active
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-phone"></span>
            <div class="name">
              phone
            </div>
            <div class="code-name">.tico-phone
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-lever"></span>
            <div class="name">
              lever
            </div>
            <div class="code-name">.tico-lever
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-briefcase-b"></span>
            <div class="name">
              briefcase-b
            </div>
            <div class="code-name">.tico-briefcase-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-calender"></span>
            <div class="name">
              calender
            </div>
            <div class="code-name">.tico-calender
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-bell-b"></span>
            <div class="name">
              bell-b
            </div>
            <div class="code-name">.tico-bell-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-buildings"></span>
            <div class="name">
              buildings
            </div>
            <div class="code-name">.tico-buildings
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-building-b"></span>
            <div class="name">
              building-b
            </div>
            <div class="code-name">.tico-building-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-board-items"></span>
            <div class="name">
              board-items
            </div>
            <div class="code-name">.tico-board-items
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-camera"></span>
            <div class="name">
              camera
            </div>
            <div class="code-name">.tico-camera
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-circle-check"></span>
            <div class="name">
              circle-check
            </div>
            <div class="code-name">.tico-circle-check
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-check"></span>
            <div class="name">
              check
            </div>
            <div class="code-name">.tico-check
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-checkbox-b"></span>
            <div class="name">
              checkbox-b
            </div>
            <div class="code-name">.tico-checkbox-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-circle-close"></span>
            <div class="name">
              circle-close
            </div>
            <div class="code-name">.tico-circle-close
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-circle-ellipsis"></span>
            <div class="name">
              circle-ellipsis
            </div>
            <div class="code-name">.tico-circle-ellipsis
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-circle-pause"></span>
            <div class="name">
              circle-pause
            </div>
            <div class="code-name">.tico-circle-pause
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-circle-graph"></span>
            <div class="name">
              circle-graph
            </div>
            <div class="code-name">.tico-circle-graph
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-circle-plus"></span>
            <div class="name">
              circle-plus
            </div>
            <div class="code-name">.tico-circle-plus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-circle-play"></span>
            <div class="name">
              circle-play
            </div>
            <div class="code-name">.tico-circle-play
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-circle-plus-b"></span>
            <div class="name">
              circle-plus-b
            </div>
            <div class="code-name">.tico-circle-plus-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-circle-question-b"></span>
            <div class="name">
              circle-question-b
            </div>
            <div class="code-name">.tico-circle-question-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-circle-up-b"></span>
            <div class="name">
              circle-up-b
            </div>
            <div class="code-name">.tico-circle-up-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-circle-stop"></span>
            <div class="name">
              circle-stop
            </div>
            <div class="code-name">.tico-circle-stop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-circle-stamp"></span>
            <div class="name">
              circle-stamp
            </div>
            <div class="code-name">.tico-circle-stamp
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-circle-warning"></span>
            <div class="name">
              circle-warning
            </div>
            <div class="code-name">.tico-circle-warning
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-circle-warning-b"></span>
            <div class="name">
              circle-warning-b
            </div>
            <div class="code-name">.tico-circle-warning-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-close-large"></span>
            <div class="name">
              close-large
            </div>
            <div class="code-name">.tico-close-large
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-clock"></span>
            <div class="name">
              clock
            </div>
            <div class="code-name">.tico-clock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-cloud-upload"></span>
            <div class="name">
              cloud-upload
            </div>
            <div class="code-name">.tico-cloud-upload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-disk"></span>
            <div class="name">
              disk
            </div>
            <div class="code-name">.tico-disk
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-doc"></span>
            <div class="name">
              doc
            </div>
            <div class="code-name">.tico-doc
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-down"></span>
            <div class="name">
              down
            </div>
            <div class="code-name">.tico-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-down-large"></span>
            <div class="name">
              down-large
            </div>
            <div class="code-name">.tico-down-large
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-download-b"></span>
            <div class="name">
              download-b
            </div>
            <div class="code-name">.tico-download-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-edit"></span>
            <div class="name">
              edit
            </div>
            <div class="code-name">.tico-edit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-ellipsis"></span>
            <div class="name">
              ellipsis
            </div>
            <div class="code-name">.tico-ellipsis
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-envelop-b"></span>
            <div class="name">
              envelop-b
            </div>
            <div class="code-name">.tico-envelop-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-edit-b"></span>
            <div class="name">
              edit-b
            </div>
            <div class="code-name">.tico-edit-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-eye-b"></span>
            <div class="name">
              eye-b
            </div>
            <div class="code-name">.tico-eye-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-female"></span>
            <div class="name">
              female
            </div>
            <div class="code-name">.tico-female
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-file"></span>
            <div class="name">
              file
            </div>
            <div class="code-name">.tico-file
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-fast-forward"></span>
            <div class="name">
              fast-forward
            </div>
            <div class="code-name">.tico-fast-forward
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-file-add"></span>
            <div class="name">
              file-add
            </div>
            <div class="code-name">.tico-file-add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-file-text"></span>
            <div class="name">
              file-text
            </div>
            <div class="code-name">.tico-file-text
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-folder-add"></span>
            <div class="name">
              folder-add
            </div>
            <div class="code-name">.tico-folder-add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-folder-b"></span>
            <div class="name">
              folder-b
            </div>
            <div class="code-name">.tico-folder-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-fingerprint-b"></span>
            <div class="name">
              fingerprint-b
            </div>
            <div class="code-name">.tico-fingerprint-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-gears"></span>
            <div class="name">
              gears
            </div>
            <div class="code-name">.tico-gears
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-gear"></span>
            <div class="name">
              gear
            </div>
            <div class="code-name">.tico-gear
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-grid-b"></span>
            <div class="name">
              grid-b
            </div>
            <div class="code-name">.tico-grid-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-hash"></span>
            <div class="name">
              hash
            </div>
            <div class="code-name">.tico-hash
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-graph"></span>
            <div class="name">
              graph
            </div>
            <div class="code-name">.tico-graph
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-house-b"></span>
            <div class="name">
              house-b
            </div>
            <div class="code-name">.tico-house-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-home"></span>
            <div class="name">
              home
            </div>
            <div class="code-name">.tico-home
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-left-large"></span>
            <div class="name">
              left-large
            </div>
            <div class="code-name">.tico-left-large
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-lines-b"></span>
            <div class="name">
              lines-b
            </div>
            <div class="code-name">.tico-lines-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-link"></span>
            <div class="name">
              link
            </div>
            <div class="code-name">.tico-link
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-list-items"></span>
            <div class="name">
              list-items
            </div>
            <div class="code-name">.tico-list-items
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-loop"></span>
            <div class="name">
              loop
            </div>
            <div class="code-name">.tico-loop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-male"></span>
            <div class="name">
              male
            </div>
            <div class="code-name">.tico-male
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-magnifier-b"></span>
            <div class="name">
              magnifier-b
            </div>
            <div class="code-name">.tico-magnifier-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-message"></span>
            <div class="name">
              message
            </div>
            <div class="code-name">.tico-message
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-message-b"></span>
            <div class="name">
              message-b
            </div>
            <div class="code-name">.tico-message-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-minus"></span>
            <div class="name">
              minus
            </div>
            <div class="code-name">.tico-minus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-pan"></span>
            <div class="name">
              pan
            </div>
            <div class="code-name">.tico-pan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-monitor"></span>
            <div class="name">
              monitor
            </div>
            <div class="code-name">.tico-monitor
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-phone-b"></span>
            <div class="name">
              phone-b
            </div>
            <div class="code-name">.tico-phone-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-money-exchange-b"></span>
            <div class="name">
              money-exchange-b
            </div>
            <div class="code-name">.tico-money-exchange-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-phonebook"></span>
            <div class="name">
              phonebook
            </div>
            <div class="code-name">.tico-phonebook
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-pin"></span>
            <div class="name">
              pin
            </div>
            <div class="code-name">.tico-pin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-pie-chart-b"></span>
            <div class="name">
              pie-chart-b
            </div>
            <div class="code-name">.tico-pie-chart-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-power"></span>
            <div class="name">
              power
            </div>
            <div class="code-name">.tico-power
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-plus"></span>
            <div class="name">
              plus
            </div>
            <div class="code-name">.tico-plus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-recycled"></span>
            <div class="name">
              recycled
            </div>
            <div class="code-name">.tico-recycled
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-recycled-b"></span>
            <div class="name">
              recycled-b
            </div>
            <div class="code-name">.tico-recycled-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-return"></span>
            <div class="name">
              return
            </div>
            <div class="code-name">.tico-return
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-right-large"></span>
            <div class="name">
              right-large
            </div>
            <div class="code-name">.tico-right-large
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-safety"></span>
            <div class="name">
              safety
            </div>
            <div class="code-name">.tico-safety
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-sliders"></span>
            <div class="name">
              sliders
            </div>
            <div class="code-name">.tico-sliders
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-slider-panel"></span>
            <div class="name">
              slider-panel
            </div>
            <div class="code-name">.tico-slider-panel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-sort-alpha-asc"></span>
            <div class="name">
              sort-alpha-asc
            </div>
            <div class="code-name">.tico-sort-alpha-asc
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-smile"></span>
            <div class="name">
              smile
            </div>
            <div class="code-name">.tico-smile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-structure"></span>
            <div class="name">
              structure
            </div>
            <div class="code-name">.tico-structure
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-sound-b"></span>
            <div class="name">
              sound-b
            </div>
            <div class="code-name">.tico-sound-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-sound"></span>
            <div class="name">
              sound
            </div>
            <div class="code-name">.tico-sound
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-stamp-b"></span>
            <div class="name">
              stamp-b
            </div>
            <div class="code-name">.tico-stamp-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-task"></span>
            <div class="name">
              task
            </div>
            <div class="code-name">.tico-task
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-up-b"></span>
            <div class="name">
              up-b
            </div>
            <div class="code-name">.tico-up-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-upgrade"></span>
            <div class="name">
              upgrade
            </div>
            <div class="code-name">.tico-upgrade
            </div>
          </li>
          
          <li class="dib">
            <span class="icon tico tico-user"></span>
            <div class="name">
              user
            </div>
            <div class="code-name">.tico-user
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="tico tico-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            tico" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-wenjianchuanshu"></use>
                </svg>
                <div class="name">文件传输</div>
                <div class="code-name">#tico-wenjianchuanshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-file_gif"></use>
                </svg>
                <div class="name">file_gif</div>
                <div class="code-name">#tico-file_gif</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-file_pdf"></use>
                </svg>
                <div class="name">file_pdf</div>
                <div class="code-name">#tico-file_pdf</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-file_pic"></use>
                </svg>
                <div class="name">file_pic</div>
                <div class="code-name">#tico-file_pic</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-file_video"></use>
                </svg>
                <div class="name">file_video</div>
                <div class="code-name">#tico-file_video</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-file_txt"></use>
                </svg>
                <div class="name">file_txt</div>
                <div class="code-name">#tico-file_txt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-file_zip"></use>
                </svg>
                <div class="name">file_zip</div>
                <div class="code-name">#tico-file_zip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-file_ppt"></use>
                </svg>
                <div class="name">file_ppt</div>
                <div class="code-name">#tico-file_ppt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-file_excel"></use>
                </svg>
                <div class="name">file_excel</div>
                <div class="code-name">#tico-file_excel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-file_music"></use>
                </svg>
                <div class="name">file_music</div>
                <div class="code-name">#tico-file_music</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-file_html"></use>
                </svg>
                <div class="name">file_html</div>
                <div class="code-name">#tico-file_html</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-file_rar"></use>
                </svg>
                <div class="name">file_rar</div>
                <div class="code-name">#tico-file_rar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-file_unk"></use>
                </svg>
                <div class="name">file_unk</div>
                <div class="code-name">#tico-file_unk</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-file_word"></use>
                </svg>
                <div class="name">file_word</div>
                <div class="code-name">#tico-file_word</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-cre_group"></use>
                </svg>
                <div class="name">cre_group</div>
                <div class="code-name">#tico-cre_group</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-Tlifang_youxiangicon"></use>
                </svg>
                <div class="name">T立方_邮箱icon</div>
                <div class="code-name">#tico-Tlifang_youxiangicon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-wenjianicon_-editable"></use>
                </svg>
                <div class="name">文件icon_2-editable</div>
                <div class="code-name">#tico-wenjianicon_-editable</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-video-play-white"></use>
                </svg>
                <div class="name">video-play-white</div>
                <div class="code-name">#tico-video-play-white</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-ziyuan"></use>
                </svg>
                <div class="name">勾选</div>
                <div class="code-name">#tico-ziyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-houtai-fanhui"></use>
                </svg>
                <div class="name">后台-返回</div>
                <div class="code-name">#tico-houtai-fanhui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-tuijian"></use>
                </svg>
                <div class="name">推荐</div>
                <div class="code-name">#tico-tuijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-vedeo-"></use>
                </svg>
                <div class="name">video</div>
                <div class="code-name">#tico-vedeo-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-audio1"></use>
                </svg>
                <div class="name">audio-col</div>
                <div class="code-name">#tico-audio1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-excel1"></use>
                </svg>
                <div class="name">excel-col</div>
                <div class="code-name">#tico-excel1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-html1"></use>
                </svg>
                <div class="name">html-col</div>
                <div class="code-name">#tico-html1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-gif1"></use>
                </svg>
                <div class="name">gif-col</div>
                <div class="code-name">#tico-gif1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-pdf1"></use>
                </svg>
                <div class="name">pdf-col</div>
                <div class="code-name">#tico-pdf1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-pic1"></use>
                </svg>
                <div class="name">pic-col</div>
                <div class="code-name">#tico-pic1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-ppt1"></use>
                </svg>
                <div class="name">ppt-col</div>
                <div class="code-name">#tico-ppt1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-unknown_file"></use>
                </svg>
                <div class="name">unknown_file-col</div>
                <div class="code-name">#tico-unknown_file</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-txt1"></use>
                </svg>
                <div class="name">txt-col</div>
                <div class="code-name">#tico-txt1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-xiaoxiliebiao-qunliao"></use>
                </svg>
                <div class="name">消息列表-群聊</div>
                <div class="code-name">#tico-xiaoxiliebiao-qunliao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-xiaoxiliebiao-wodeshouji"></use>
                </svg>
                <div class="name">消息列表-我的手机</div>
                <div class="code-name">#tico-xiaoxiliebiao-wodeshouji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-xiaoxiliebiao-miandarao"></use>
                </svg>
                <div class="name">消息列表-免打扰</div>
                <div class="code-name">#tico-xiaoxiliebiao-miandarao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-xiaoxiliebiao-jiamiliaotian"></use>
                </svg>
                <div class="name">消息列表-加密聊天</div>
                <div class="code-name">#tico-xiaoxiliebiao-jiamiliaotian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-shurukuang-biaoqingicon"></use>
                </svg>
                <div class="name">输入框-表情icon</div>
                <div class="code-name">#tico-shurukuang-biaoqingicon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-shurukuang-jietuicon"></use>
                </svg>
                <div class="name">输入框-截图icon</div>
                <div class="code-name">#tico-shurukuang-jietuicon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-shurukuang-tupianicon"></use>
                </svg>
                <div class="name">输入框-图片icon</div>
                <div class="code-name">#tico-shurukuang-tupianicon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-shurukuang-wenjianicon"></use>
                </svg>
                <div class="name">输入框-文件icon</div>
                <div class="code-name">#tico-shurukuang-wenjianicon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-gerenxinxi-jinrushipinliaotian"></use>
                </svg>
                <div class="name">个人信息-进入视频聊天</div>
                <div class="code-name">#tico-gerenxinxi-jinrushipinliaotian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-gerenxinxi-bianji"></use>
                </svg>
                <div class="name">个人信息-编辑</div>
                <div class="code-name">#tico-gerenxinxi-bianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-gerenxinxi-jinruyuyintonghua"></use>
                </svg>
                <div class="name">个人信息-进入语音通话</div>
                <div class="code-name">#tico-gerenxinxi-jinruyuyintonghua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-gerenxinxi-nv"></use>
                </svg>
                <div class="name">个人信息-女</div>
                <div class="code-name">#tico-gerenxinxi-nv</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-gerenxinxi-jinruliaotian"></use>
                </svg>
                <div class="name">个人信息-进入聊天</div>
                <div class="code-name">#tico-gerenxinxi-jinruliaotian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-gerenxinxi-jinrujiamiliaotian"></use>
                </svg>
                <div class="name">个人信息-进入加密聊天</div>
                <div class="code-name">#tico-gerenxinxi-jinrujiamiliaotian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-gerenxinxi-nan"></use>
                </svg>
                <div class="name">个人信息-男</div>
                <div class="code-name">#tico-gerenxinxi-nan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-gengduodanchuang-faqijiamiqunliao"></use>
                </svg>
                <div class="name">更多弹窗-发起加密群聊</div>
                <div class="code-name">#tico-gengduodanchuang-faqijiamiqunliao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-gengduodanchuang-faqiqunliao"></use>
                </svg>
                <div class="name">更多弹窗-发起群聊</div>
                <div class="code-name">#tico-gengduodanchuang-faqiqunliao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-gengduodanchuang-faqijiamiliaotian"></use>
                </svg>
                <div class="name">更多弹窗-发起加密聊天</div>
                <div class="code-name">#tico-gengduodanchuang-faqijiamiliaotian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-daohanglan-lianxiren"></use>
                </svg>
                <div class="name">导航栏-联系人</div>
                <div class="code-name">#tico-daohanglan-lianxiren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-daohanglan-shezhi"></use>
                </svg>
                <div class="name">导航栏-设置</div>
                <div class="code-name">#tico-daohanglan-shezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-daohanglan-xiaoxi"></use>
                </svg>
                <div class="name">导航栏-消息</div>
                <div class="code-name">#tico-daohanglan-xiaoxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-delete"></use>
                </svg>
                <div class="name">delete</div>
                <div class="code-name">#tico-delete</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-pic"></use>
                </svg>
                <div class="name">pic</div>
                <div class="code-name">#tico-pic</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-path"></use>
                </svg>
                <div class="name">path</div>
                <div class="code-name">#tico-path</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-html"></use>
                </svg>
                <div class="name">html</div>
                <div class="code-name">#tico-html</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-message1"></use>
                </svg>
                <div class="name">message</div>
                <div class="code-name">#tico-message1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-login-out"></use>
                </svg>
                <div class="name">login-out</div>
                <div class="code-name">#tico-login-out</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-ppt"></use>
                </svg>
                <div class="name">ppt</div>
                <div class="code-name">#tico-ppt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-liaotiankuang-guanbichuangkou"></use>
                </svg>
                <div class="name">聊天框-关闭窗口</div>
                <div class="code-name">#tico-liaotiankuang-guanbichuangkou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-liaotiankuang-chuangkouzuixiaohua"></use>
                </svg>
                <div class="name">聊天框-窗口最小化</div>
                <div class="code-name">#tico-liaotiankuang-chuangkouzuixiaohua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-liaotiankuang-suoxiaochuangkou"></use>
                </svg>
                <div class="name">聊天框-缩小窗口</div>
                <div class="code-name">#tico-liaotiankuang-suoxiaochuangkou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-liaotiankuang-chuangkouzuidahua"></use>
                </svg>
                <div class="name">聊天框-窗口最大化</div>
                <div class="code-name">#tico-liaotiankuang-chuangkouzuidahua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-txt"></use>
                </svg>
                <div class="name">txt</div>
                <div class="code-name">#tico-txt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-excel"></use>
                </svg>
                <div class="name">excel</div>
                <div class="code-name">#tico-excel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-audio"></use>
                </svg>
                <div class="name">audio</div>
                <div class="code-name">#tico-audio</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-compress"></use>
                </svg>
                <div class="name">compress</div>
                <div class="code-name">#tico-compress</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-to"></use>
                </svg>
                <div class="name">to</div>
                <div class="code-name">#tico-to</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-gif"></use>
                </svg>
                <div class="name">gif</div>
                <div class="code-name">#tico-gif</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-pdf"></use>
                </svg>
                <div class="name">pdf</div>
                <div class="code-name">#tico-pdf</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-upkeep"></use>
                </svg>
                <div class="name">upkeep</div>
                <div class="code-name">#tico-upkeep</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-accident-site"></use>
                </svg>
                <div class="name">accident-site</div>
                <div class="code-name">#tico-accident-site</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-accident-details"></use>
                </svg>
                <div class="name">accident-details</div>
                <div class="code-name">#tico-accident-details</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-cost"></use>
                </svg>
                <div class="name">cost</div>
                <div class="code-name">#tico-cost</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-refuel"></use>
                </svg>
                <div class="name">refuel</div>
                <div class="code-name">#tico-refuel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-maintain"></use>
                </svg>
                <div class="name">maintain</div>
                <div class="code-name">#tico-maintain</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-mileage"></use>
                </svg>
                <div class="name">mileage</div>
                <div class="code-name">#tico-mileage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-erweima"></use>
                </svg>
                <div class="name">qrcode</div>
                <div class="code-name">#tico-erweima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-earth"></use>
                </svg>
                <div class="name">earth</div>
                <div class="code-name">#tico-earth</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-select"></use>
                </svg>
                <div class="name">select</div>
                <div class="code-name">#tico-select</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-driver"></use>
                </svg>
                <div class="name">driver</div>
                <div class="code-name">#tico-driver</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-car"></use>
                </svg>
                <div class="name">car</div>
                <div class="code-name">#tico-car</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-project-attribution"></use>
                </svg>
                <div class="name">Project attribution</div>
                <div class="code-name">#tico-project-attribution</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-share-e"></use>
                </svg>
                <div class="name">share</div>
                <div class="code-name">#tico-share-e</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-star-s"></use>
                </svg>
                <div class="name">星星</div>
                <div class="code-name">#tico-star-s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-tico-subtask"></use>
                </svg>
                <div class="name">subtask</div>
                <div class="code-name">#tico-tico-subtask</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-tico-muisc-b"></use>
                </svg>
                <div class="name">tico-muisc-b</div>
                <div class="code-name">#tico-tico-muisc-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-tico-muisc"></use>
                </svg>
                <div class="name">tico-muisc</div>
                <div class="code-name">#tico-tico-muisc</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-collect"></use>
                </svg>
                <div class="name">collect</div>
                <div class="code-name">#tico-collect</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-WeChat1"></use>
                </svg>
                <div class="name">WeChat</div>
                <div class="code-name">#tico-WeChat1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-moments"></use>
                </svg>
                <div class="name">moments</div>
                <div class="code-name">#tico-moments</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-heart"></use>
                </svg>
                <div class="name">heart</div>
                <div class="code-name">#tico-heart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-heart-fill"></use>
                </svg>
                <div class="name">heart-fill</div>
                <div class="code-name">#tico-heart-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-temple-selected"></use>
                </svg>
                <div class="name">temple-selected</div>
                <div class="code-name">#tico-temple-selected</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-comment"></use>
                </svg>
                <div class="name">comment</div>
                <div class="code-name">#tico-comment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-smile1"></use>
                </svg>
                <div class="name">smile</div>
                <div class="code-name">#tico-smile1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-vip"></use>
                </svg>
                <div class="name">vip</div>
                <div class="code-name">#tico-vip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-like-fill"></use>
                </svg>
                <div class="name">like-fill</div>
                <div class="code-name">#tico-like-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-like"></use>
                </svg>
                <div class="name">like</div>
                <div class="code-name">#tico-like</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-temple"></use>
                </svg>
                <div class="name">temple</div>
                <div class="code-name">#tico-temple</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-lock-b"></use>
                </svg>
                <div class="name">lock-b</div>
                <div class="code-name">#tico-lock-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-plus-square-b"></use>
                </svg>
                <div class="name">plus-square-b</div>
                <div class="code-name">#tico-plus-square-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-circle-uncheck"></use>
                </svg>
                <div class="name">circle-uncheck</div>
                <div class="code-name">#tico-circle-uncheck</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-WeChat"></use>
                </svg>
                <div class="name">WeChat</div>
                <div class="code-name">#tico-WeChat</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-article"></use>
                </svg>
                <div class="name">article</div>
                <div class="code-name">#tico-article</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-down-large-b"></use>
                </svg>
                <div class="name">down-large-b</div>
                <div class="code-name">#tico-down-large-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-home1"></use>
                </svg>
                <div class="name">home</div>
                <div class="code-name">#tico-home1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-gouxuan"></use>
                </svg>
                <div class="name">circle-check-b</div>
                <div class="code-name">#tico-gouxuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-tico-shield"></use>
                </svg>
                <div class="name">shield</div>
                <div class="code-name">#tico-tico-shield</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-tico-password"></use>
                </svg>
                <div class="name">password</div>
                <div class="code-name">#tico-tico-password</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-tico-phone-b"></use>
                </svg>
                <div class="name">phone</div>
                <div class="code-name">#tico-tico-phone-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-wechat-fill"></use>
                </svg>
                <div class="name">wechat-fill</div>
                <div class="code-name">#tico-wechat-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-tico-like"></use>
                </svg>
                <div class="name">like</div>
                <div class="code-name">#tico-tico-like</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-tico-comment"></use>
                </svg>
                <div class="name">comment</div>
                <div class="code-name">#tico-tico-comment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-tico-return-b"></use>
                </svg>
                <div class="name">return-b</div>
                <div class="code-name">#tico-tico-return-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-open-eye"></use>
                </svg>
                <div class="name">open-eye</div>
                <div class="code-name">#tico-open-eye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-huodong_huaban"></use>
                </svg>
                <div class="name">activity</div>
                <div class="code-name">#tico-huodong_huaban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-image"></use>
                </svg>
                <div class="name">image</div>
                <div class="code-name">#tico-image</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-completed-task"></use>
                </svg>
                <div class="name">completed-task</div>
                <div class="code-name">#tico-completed-task</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-todo-task"></use>
                </svg>
                <div class="name">todo-task</div>
                <div class="code-name">#tico-todo-task</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-doing-task"></use>
                </svg>
                <div class="name">doing-task</div>
                <div class="code-name">#tico-doing-task</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-report-form"></use>
                </svg>
                <div class="name">report-form</div>
                <div class="code-name">#tico-report-form</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-pencil"></use>
                </svg>
                <div class="name">pencil</div>
                <div class="code-name">#tico-pencil</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-pomodoro"></use>
                </svg>
                <div class="name">pomodoro</div>
                <div class="code-name">#tico-pomodoro</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-lock1"></use>
                </svg>
                <div class="name">lock</div>
                <div class="code-name">#tico-lock1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-mobile-phone"></use>
                </svg>
                <div class="name">mobile-phone</div>
                <div class="code-name">#tico-mobile-phone</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-align-left"></use>
                </svg>
                <div class="name">align-left</div>
                <div class="code-name">#tico-align-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-font"></use>
                </svg>
                <div class="name">font</div>
                <div class="code-name">#tico-font</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-plus-square"></use>
                </svg>
                <div class="name">plus-square </div>
                <div class="code-name">#tico-plus-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-dot-circle"></use>
                </svg>
                <div class="name">dot-circle</div>
                <div class="code-name">#tico-dot-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-caret-square-down"></use>
                </svg>
                <div class="name">caret-square-down</div>
                <div class="code-name">#tico-caret-square-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-table"></use>
                </svg>
                <div class="name">table</div>
                <div class="code-name">#tico-table</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-note-book-b"></use>
                </svg>
                <div class="name">note-book-b</div>
                <div class="code-name">#tico-note-book-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-daily-report"></use>
                </svg>
                <div class="name">daily-report</div>
                <div class="code-name">#tico-daily-report</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-monthly-report"></use>
                </svg>
                <div class="name">monthly-report</div>
                <div class="code-name">#tico-monthly-report</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-weekly-report"></use>
                </svg>
                <div class="name">weekly-report</div>
                <div class="code-name">#tico-weekly-report</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-left-circle"></use>
                </svg>
                <div class="name">left-circle</div>
                <div class="code-name">#tico-left-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-close-eye"></use>
                </svg>
                <div class="name">close-eye</div>
                <div class="code-name">#tico-close-eye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-unread-envelope"></use>
                </svg>
                <div class="name">unread-envelope</div>
                <div class="code-name">#tico-unread-envelope</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-read-envelope"></use>
                </svg>
                <div class="name">read-envelope</div>
                <div class="code-name">#tico-read-envelope</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-file-zip"></use>
                </svg>
                <div class="name">file-zip</div>
                <div class="code-name">#tico-file-zip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-fit-size"></use>
                </svg>
                <div class="name">fit-size</div>
                <div class="code-name">#tico-fit-size</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-full-screen"></use>
                </svg>
                <div class="name">full-screen</div>
                <div class="code-name">#tico-full-screen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-image-download"></use>
                </svg>
                <div class="name">image-download</div>
                <div class="code-name">#tico-image-download</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-tip-b"></use>
                </svg>
                <div class="name">tip-b</div>
                <div class="code-name">#tico-tip-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-up-large"></use>
                </svg>
                <div class="name">up-large</div>
                <div class="code-name">#tico-up-large</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-user-add"></use>
                </svg>
                <div class="name">user-add</div>
                <div class="code-name">#tico-user-add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-user-avatar"></use>
                </svg>
                <div class="name">user-avatar</div>
                <div class="code-name">#tico-user-avatar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-user-b"></use>
                </svg>
                <div class="name">user-b</div>
                <div class="code-name">#tico-user-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-user-doc"></use>
                </svg>
                <div class="name">user-doc</div>
                <div class="code-name">#tico-user-doc</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-user-gear"></use>
                </svg>
                <div class="name">user-gear</div>
                <div class="code-name">#tico-user-gear</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-user-list"></use>
                </svg>
                <div class="name">user-list</div>
                <div class="code-name">#tico-user-list</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-user-quit"></use>
                </svg>
                <div class="name">user-quit</div>
                <div class="code-name">#tico-user-quit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-user-edit"></use>
                </svg>
                <div class="name">user-edit</div>
                <div class="code-name">#tico-user-edit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-users"></use>
                </svg>
                <div class="name">users</div>
                <div class="code-name">#tico-users</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-user-star"></use>
                </svg>
                <div class="name">user-star</div>
                <div class="code-name">#tico-user-star</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-verified-2"></use>
                </svg>
                <div class="name">verified-1</div>
                <div class="code-name">#tico-verified-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-verified-1"></use>
                </svg>
                <div class="name">verified-2</div>
                <div class="code-name">#tico-verified-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-zoom-fit"></use>
                </svg>
                <div class="name">zoom-fit</div>
                <div class="code-name">#tico-zoom-fit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-wechat-pay"></use>
                </svg>
                <div class="name">wechat-pay</div>
                <div class="code-name">#tico-wechat-pay</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-zoom-in"></use>
                </svg>
                <div class="name">zoom-in</div>
                <div class="code-name">#tico-zoom-in</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-zoom-out"></use>
                </svg>
                <div class="name">zoom-out</div>
                <div class="code-name">#tico-zoom-out</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-warning"></use>
                </svg>
                <div class="name">warning</div>
                <div class="code-name">#tico-warning</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-alipay"></use>
                </svg>
                <div class="name">alipay</div>
                <div class="code-name">#tico-alipay</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-zoom-fullscreen"></use>
                </svg>
                <div class="name">zoom-fullscreen</div>
                <div class="code-name">#tico-zoom-fullscreen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-array-left-b"></use>
                </svg>
                <div class="name">array-left-b</div>
                <div class="code-name">#tico-array-left-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-approval"></use>
                </svg>
                <div class="name">approval</div>
                <div class="code-name">#tico-approval</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-array-right-b"></use>
                </svg>
                <div class="name">array-right-b</div>
                <div class="code-name">#tico-array-right-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-bell"></use>
                </svg>
                <div class="name">bell</div>
                <div class="code-name">#tico-bell</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-bar-chart"></use>
                </svg>
                <div class="name">bar-chart</div>
                <div class="code-name">#tico-bar-chart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-circle-money"></use>
                </svg>
                <div class="name">circle-money</div>
                <div class="code-name">#tico-circle-money</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-sidebar"></use>
                </svg>
                <div class="name">sidebar</div>
                <div class="code-name">#tico-sidebar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-gear-b"></use>
                </svg>
                <div class="name">gear-b</div>
                <div class="code-name">#tico-gear-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-apps"></use>
                </svg>
                <div class="name">apps</div>
                <div class="code-name">#tico-apps</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-folder"></use>
                </svg>
                <div class="name">folder</div>
                <div class="code-name">#tico-folder</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-location"></use>
                </svg>
                <div class="name">location</div>
                <div class="code-name">#tico-location</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-layers"></use>
                </svg>
                <div class="name">layers</div>
                <div class="code-name">#tico-layers</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-usergroup"></use>
                </svg>
                <div class="name">user-2</div>
                <div class="code-name">#tico-usergroup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-up-circle"></use>
                </svg>
                <div class="name">up-circle</div>
                <div class="code-name">#tico-up-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-apps-b"></use>
                </svg>
                <div class="name">application-b</div>
                <div class="code-name">#tico-apps-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-box-duplicate"></use>
                </svg>
                <div class="name">box-duplicate</div>
                <div class="code-name">#tico-box-duplicate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-checkbox"></use>
                </svg>
                <div class="name">checkbox</div>
                <div class="code-name">#tico-checkbox</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-circle-a"></use>
                </svg>
                <div class="name">circle-a</div>
                <div class="code-name">#tico-circle-a</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-calenda-right"></use>
                </svg>
                <div class="name">calenda-right</div>
                <div class="code-name">#tico-calenda-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-apps1"></use>
                </svg>
                <div class="name">apps2</div>
                <div class="code-name">#tico-apps1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-box-edit"></use>
                </svg>
                <div class="name">box-edit</div>
                <div class="code-name">#tico-box-edit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-circle-list"></use>
                </svg>
                <div class="name">circle-list</div>
                <div class="code-name">#tico-circle-list</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-circle-play1"></use>
                </svg>
                <div class="name">circle-play2</div>
                <div class="code-name">#tico-circle-play1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-circle-reduce"></use>
                </svg>
                <div class="name">circle-reduce</div>
                <div class="code-name">#tico-circle-reduce</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-circle-clock"></use>
                </svg>
                <div class="name">circle-clock</div>
                <div class="code-name">#tico-circle-clock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-circle-users"></use>
                </svg>
                <div class="name">circle-users</div>
                <div class="code-name">#tico-circle-users</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-envelop"></use>
                </svg>
                <div class="name">envelop</div>
                <div class="code-name">#tico-envelop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-flag-plus"></use>
                </svg>
                <div class="name">flag-plus</div>
                <div class="code-name">#tico-flag-plus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-gear-small-b"></use>
                </svg>
                <div class="name">gear-small-b</div>
                <div class="code-name">#tico-gear-small-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-location1"></use>
                </svg>
                <div class="name">location2</div>
                <div class="code-name">#tico-location1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-lock-open"></use>
                </svg>
                <div class="name">lock-open</div>
                <div class="code-name">#tico-lock-open</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-lock"></use>
                </svg>
                <div class="name">lock</div>
                <div class="code-name">#tico-lock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-mountain"></use>
                </svg>
                <div class="name">mountain</div>
                <div class="code-name">#tico-mountain</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-note"></use>
                </svg>
                <div class="name">note</div>
                <div class="code-name">#tico-note</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-notebook"></use>
                </svg>
                <div class="name">notebook</div>
                <div class="code-name">#tico-notebook</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-places"></use>
                </svg>
                <div class="name">places</div>
                <div class="code-name">#tico-places</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-message-edit"></use>
                </svg>
                <div class="name">message-edit</div>
                <div class="code-name">#tico-message-edit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-plus-b"></use>
                </svg>
                <div class="name">plus-b</div>
                <div class="code-name">#tico-plus-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-presentation"></use>
                </svg>
                <div class="name">presentation</div>
                <div class="code-name">#tico-presentation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-recycled-big"></use>
                </svg>
                <div class="name">recycled-big</div>
                <div class="code-name">#tico-recycled-big</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-pad-draw"></use>
                </svg>
                <div class="name">pad-draw</div>
                <div class="code-name">#tico-pad-draw</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-refresh"></use>
                </svg>
                <div class="name">refresh</div>
                <div class="code-name">#tico-refresh</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-shop-b"></use>
                </svg>
                <div class="name">shop-b</div>
                <div class="code-name">#tico-shop-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-shared"></use>
                </svg>
                <div class="name">shared</div>
                <div class="code-name">#tico-shared</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-sort"></use>
                </svg>
                <div class="name">sort</div>
                <div class="code-name">#tico-sort</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-star"></use>
                </svg>
                <div class="name">star</div>
                <div class="code-name">#tico-star</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-share"></use>
                </svg>
                <div class="name">share</div>
                <div class="code-name">#tico-share</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-sofa"></use>
                </svg>
                <div class="name">sofa</div>
                <div class="code-name">#tico-sofa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-tag"></use>
                </svg>
                <div class="name">tag</div>
                <div class="code-name">#tico-tag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-task-b"></use>
                </svg>
                <div class="name">task-b</div>
                <div class="code-name">#tico-task-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-user-meeting"></use>
                </svg>
                <div class="name">user-meeting</div>
                <div class="code-name">#tico-user-meeting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-building"></use>
                </svg>
                <div class="name">活动－场所标识－办公楼</div>
                <div class="code-name">#tico-building</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-coffee"></use>
                </svg>
                <div class="name">活动－场所标识－咖啡厅</div>
                <div class="code-name">#tico-coffee</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-film"></use>
                </svg>
                <div class="name">活动－场所标识－影视厅</div>
                <div class="code-name">#tico-film</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-discuss"></use>
                </svg>
                <div class="name">活动－场所标识－讨论-01</div>
                <div class="code-name">#tico-discuss</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-default-avatar"></use>
                </svg>
                <div class="name">退队用户默认头像</div>
                <div class="code-name">#tico-default-avatar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-version-pro"></use>
                </svg>
                <div class="name">version-pro</div>
                <div class="code-name">#tico-version-pro</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-version-ent"></use>
                </svg>
                <div class="name">version-ent</div>
                <div class="code-name">#tico-version-ent</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-version-free"></use>
                </svg>
                <div class="name">version-free</div>
                <div class="code-name">#tico-version-free</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-drop-down"></use>
                </svg>
                <div class="name">drop-down</div>
                <div class="code-name">#tico-drop-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-circle-close-b"></use>
                </svg>
                <div class="name">circle-close-b</div>
                <div class="code-name">#tico-circle-close-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-QR-code"></use>
                </svg>
                <div class="name">QR-code</div>
                <div class="code-name">#tico-QR-code</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-note-book"></use>
                </svg>
                <div class="name">book</div>
                <div class="code-name">#tico-note-book</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-activity"></use>
                </svg>
                <div class="name">activity</div>
                <div class="code-name">#tico-activity</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-report"></use>
                </svg>
                <div class="name">report</div>
                <div class="code-name">#tico-report</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-right-circle"></use>
                </svg>
                <div class="name">circle-right-arrow</div>
                <div class="code-name">#tico-right-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-cloud-b"></use>
                </svg>
                <div class="name">cloud</div>
                <div class="code-name">#tico-cloud-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-grass-b"></use>
                </svg>
                <div class="name">grass</div>
                <div class="code-name">#tico-grass-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-flower-b"></use>
                </svg>
                <div class="name">flower</div>
                <div class="code-name">#tico-flower-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-drip-b"></use>
                </svg>
                <div class="name">drip</div>
                <div class="code-name">#tico-drip-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-sun-b"></use>
                </svg>
                <div class="name">sun</div>
                <div class="code-name">#tico-sun-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-umbrella-b"></use>
                </svg>
                <div class="name">umbrella</div>
                <div class="code-name">#tico-umbrella-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-bloom-b"></use>
                </svg>
                <div class="name">bloom</div>
                <div class="code-name">#tico-bloom-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-share-b"></use>
                </svg>
                <div class="name">share</div>
                <div class="code-name">#tico-share-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-apple-b"></use>
                </svg>
                <div class="name">apple</div>
                <div class="code-name">#tico-apple-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-flag-b"></use>
                </svg>
                <div class="name">flag</div>
                <div class="code-name">#tico-flag-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-small-bells-b"></use>
                </svg>
                <div class="name">small-bells</div>
                <div class="code-name">#tico-small-bells-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-necktie-b"></use>
                </svg>
                <div class="name">necktie</div>
                <div class="code-name">#tico-necktie-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-crown-b"></use>
                </svg>
                <div class="name">crown</div>
                <div class="code-name">#tico-crown-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-clock-b"></use>
                </svg>
                <div class="name"> clock</div>
                <div class="code-name">#tico-clock-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-lamp-b"></use>
                </svg>
                <div class="name">lamp</div>
                <div class="code-name">#tico-lamp-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-upgrade1"></use>
                </svg>
                <div class="name">upgrade</div>
                <div class="code-name">#tico-upgrade1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-constitute"></use>
                </svg>
                <div class="name">constitute</div>
                <div class="code-name">#tico-constitute</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-storage"></use>
                </svg>
                <div class="name">storage</div>
                <div class="code-name">#tico-storage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-team-members"></use>
                </svg>
                <div class="name">team-members</div>
                <div class="code-name">#tico-team-members</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-depressed"></use>
                </svg>
                <div class="name">depressed</div>
                <div class="code-name">#tico-depressed</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-ent-auth"></use>
                </svg>
                <div class="name">ent-auth</div>
                <div class="code-name">#tico-ent-auth</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-team-setup"></use>
                </svg>
                <div class="name">team-setup</div>
                <div class="code-name">#tico-team-setup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-stamp-o"></use>
                </svg>
                <div class="name">stamp-o</div>
                <div class="code-name">#tico-stamp-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-minus-circle"></use>
                </svg>
                <div class="name">minus-circle</div>
                <div class="code-name">#tico-minus-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-plus-circle"></use>
                </svg>
                <div class="name">plus-circle</div>
                <div class="code-name">#tico-plus-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-member-remove"></use>
                </svg>
                <div class="name">member-remove</div>
                <div class="code-name">#tico-member-remove</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-info"></use>
                </svg>
                <div class="name">info</div>
                <div class="code-name">#tico-info</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-p-card"></use>
                </svg>
                <div class="name">card</div>
                <div class="code-name">#tico-p-card</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-p-done"></use>
                </svg>
                <div class="name">p-done</div>
                <div class="code-name">#tico-p-done</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-p-complete"></use>
                </svg>
                <div class="name">p-complete</div>
                <div class="code-name">#tico-p-complete</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-p-active"></use>
                </svg>
                <div class="name">p-active</div>
                <div class="code-name">#tico-p-active</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-phone"></use>
                </svg>
                <div class="name">phone</div>
                <div class="code-name">#tico-phone</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-lever"></use>
                </svg>
                <div class="name">lever</div>
                <div class="code-name">#tico-lever</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-briefcase-b"></use>
                </svg>
                <div class="name">briefcase-b</div>
                <div class="code-name">#tico-briefcase-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-calender"></use>
                </svg>
                <div class="name">calender</div>
                <div class="code-name">#tico-calender</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-bell-b"></use>
                </svg>
                <div class="name">bell-b</div>
                <div class="code-name">#tico-bell-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-buildings"></use>
                </svg>
                <div class="name">buildings</div>
                <div class="code-name">#tico-buildings</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-building-b"></use>
                </svg>
                <div class="name">building-b</div>
                <div class="code-name">#tico-building-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-board-items"></use>
                </svg>
                <div class="name">board-items</div>
                <div class="code-name">#tico-board-items</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-camera"></use>
                </svg>
                <div class="name">camera</div>
                <div class="code-name">#tico-camera</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-circle-check"></use>
                </svg>
                <div class="name">circle-check</div>
                <div class="code-name">#tico-circle-check</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-check"></use>
                </svg>
                <div class="name">check</div>
                <div class="code-name">#tico-check</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-checkbox-b"></use>
                </svg>
                <div class="name">checkbox-b</div>
                <div class="code-name">#tico-checkbox-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-circle-close"></use>
                </svg>
                <div class="name">circle-close</div>
                <div class="code-name">#tico-circle-close</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-circle-ellipsis"></use>
                </svg>
                <div class="name">circle-ellipsis</div>
                <div class="code-name">#tico-circle-ellipsis</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-circle-pause"></use>
                </svg>
                <div class="name">circle-pause</div>
                <div class="code-name">#tico-circle-pause</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-circle-graph"></use>
                </svg>
                <div class="name">circle-graph</div>
                <div class="code-name">#tico-circle-graph</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-circle-plus"></use>
                </svg>
                <div class="name">circle-plus</div>
                <div class="code-name">#tico-circle-plus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-circle-play"></use>
                </svg>
                <div class="name">circle-play</div>
                <div class="code-name">#tico-circle-play</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-circle-plus-b"></use>
                </svg>
                <div class="name">circle-plus-b</div>
                <div class="code-name">#tico-circle-plus-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-circle-question-b"></use>
                </svg>
                <div class="name">circle-question-b</div>
                <div class="code-name">#tico-circle-question-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-circle-up-b"></use>
                </svg>
                <div class="name">circle-up-b</div>
                <div class="code-name">#tico-circle-up-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-circle-stop"></use>
                </svg>
                <div class="name">circle-stop</div>
                <div class="code-name">#tico-circle-stop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-circle-stamp"></use>
                </svg>
                <div class="name">circle-stamp</div>
                <div class="code-name">#tico-circle-stamp</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-circle-warning"></use>
                </svg>
                <div class="name">circle-warning</div>
                <div class="code-name">#tico-circle-warning</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-circle-warning-b"></use>
                </svg>
                <div class="name">circle-warning-b</div>
                <div class="code-name">#tico-circle-warning-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-close-large"></use>
                </svg>
                <div class="name">close-large</div>
                <div class="code-name">#tico-close-large</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-clock"></use>
                </svg>
                <div class="name">clock</div>
                <div class="code-name">#tico-clock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-cloud-upload"></use>
                </svg>
                <div class="name">cloud-upload</div>
                <div class="code-name">#tico-cloud-upload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-disk"></use>
                </svg>
                <div class="name">disk</div>
                <div class="code-name">#tico-disk</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-doc"></use>
                </svg>
                <div class="name">doc</div>
                <div class="code-name">#tico-doc</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-down"></use>
                </svg>
                <div class="name">down</div>
                <div class="code-name">#tico-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-down-large"></use>
                </svg>
                <div class="name">down-large</div>
                <div class="code-name">#tico-down-large</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-download-b"></use>
                </svg>
                <div class="name">download-b</div>
                <div class="code-name">#tico-download-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-edit"></use>
                </svg>
                <div class="name">edit</div>
                <div class="code-name">#tico-edit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-ellipsis"></use>
                </svg>
                <div class="name">ellipsis</div>
                <div class="code-name">#tico-ellipsis</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-envelop-b"></use>
                </svg>
                <div class="name">envelop-b</div>
                <div class="code-name">#tico-envelop-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-edit-b"></use>
                </svg>
                <div class="name">edit-b</div>
                <div class="code-name">#tico-edit-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-eye-b"></use>
                </svg>
                <div class="name">eye-b</div>
                <div class="code-name">#tico-eye-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-female"></use>
                </svg>
                <div class="name">female</div>
                <div class="code-name">#tico-female</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-file"></use>
                </svg>
                <div class="name">file</div>
                <div class="code-name">#tico-file</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-fast-forward"></use>
                </svg>
                <div class="name">fast-forward</div>
                <div class="code-name">#tico-fast-forward</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-file-add"></use>
                </svg>
                <div class="name">file-add</div>
                <div class="code-name">#tico-file-add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-file-text"></use>
                </svg>
                <div class="name">file-text</div>
                <div class="code-name">#tico-file-text</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-folder-add"></use>
                </svg>
                <div class="name">folder-add</div>
                <div class="code-name">#tico-folder-add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-folder-b"></use>
                </svg>
                <div class="name">folder-b</div>
                <div class="code-name">#tico-folder-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-fingerprint-b"></use>
                </svg>
                <div class="name">fingerprint-b</div>
                <div class="code-name">#tico-fingerprint-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-gears"></use>
                </svg>
                <div class="name">gears</div>
                <div class="code-name">#tico-gears</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-gear"></use>
                </svg>
                <div class="name">gear</div>
                <div class="code-name">#tico-gear</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-grid-b"></use>
                </svg>
                <div class="name">grid-b</div>
                <div class="code-name">#tico-grid-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-hash"></use>
                </svg>
                <div class="name">hash</div>
                <div class="code-name">#tico-hash</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-graph"></use>
                </svg>
                <div class="name">graph</div>
                <div class="code-name">#tico-graph</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-house-b"></use>
                </svg>
                <div class="name">house-b</div>
                <div class="code-name">#tico-house-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-home"></use>
                </svg>
                <div class="name">home</div>
                <div class="code-name">#tico-home</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-left-large"></use>
                </svg>
                <div class="name">left-large</div>
                <div class="code-name">#tico-left-large</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-lines-b"></use>
                </svg>
                <div class="name">lines-b</div>
                <div class="code-name">#tico-lines-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-link"></use>
                </svg>
                <div class="name">link</div>
                <div class="code-name">#tico-link</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-list-items"></use>
                </svg>
                <div class="name">list-items</div>
                <div class="code-name">#tico-list-items</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-loop"></use>
                </svg>
                <div class="name">loop</div>
                <div class="code-name">#tico-loop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-male"></use>
                </svg>
                <div class="name">male</div>
                <div class="code-name">#tico-male</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-magnifier-b"></use>
                </svg>
                <div class="name">magnifier-b</div>
                <div class="code-name">#tico-magnifier-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-message"></use>
                </svg>
                <div class="name">message</div>
                <div class="code-name">#tico-message</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-message-b"></use>
                </svg>
                <div class="name">message-b</div>
                <div class="code-name">#tico-message-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-minus"></use>
                </svg>
                <div class="name">minus</div>
                <div class="code-name">#tico-minus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-pan"></use>
                </svg>
                <div class="name">pan</div>
                <div class="code-name">#tico-pan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-monitor"></use>
                </svg>
                <div class="name">monitor</div>
                <div class="code-name">#tico-monitor</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-phone-b"></use>
                </svg>
                <div class="name">phone-b</div>
                <div class="code-name">#tico-phone-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-money-exchange-b"></use>
                </svg>
                <div class="name">money-exchange-b</div>
                <div class="code-name">#tico-money-exchange-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-phonebook"></use>
                </svg>
                <div class="name">phonebook</div>
                <div class="code-name">#tico-phonebook</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-pin"></use>
                </svg>
                <div class="name">pin</div>
                <div class="code-name">#tico-pin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-pie-chart-b"></use>
                </svg>
                <div class="name">pie-chart-b</div>
                <div class="code-name">#tico-pie-chart-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-power"></use>
                </svg>
                <div class="name">power</div>
                <div class="code-name">#tico-power</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-plus"></use>
                </svg>
                <div class="name">plus</div>
                <div class="code-name">#tico-plus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-recycled"></use>
                </svg>
                <div class="name">recycled</div>
                <div class="code-name">#tico-recycled</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-recycled-b"></use>
                </svg>
                <div class="name">recycled-b</div>
                <div class="code-name">#tico-recycled-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-return"></use>
                </svg>
                <div class="name">return</div>
                <div class="code-name">#tico-return</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-right-large"></use>
                </svg>
                <div class="name">right-large</div>
                <div class="code-name">#tico-right-large</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-safety"></use>
                </svg>
                <div class="name">safety</div>
                <div class="code-name">#tico-safety</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-sliders"></use>
                </svg>
                <div class="name">sliders</div>
                <div class="code-name">#tico-sliders</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-slider-panel"></use>
                </svg>
                <div class="name">slider-panel</div>
                <div class="code-name">#tico-slider-panel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-sort-alpha-asc"></use>
                </svg>
                <div class="name">sort-alpha-asc</div>
                <div class="code-name">#tico-sort-alpha-asc</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-smile"></use>
                </svg>
                <div class="name">smile</div>
                <div class="code-name">#tico-smile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-structure"></use>
                </svg>
                <div class="name">structure</div>
                <div class="code-name">#tico-structure</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-sound-b"></use>
                </svg>
                <div class="name">sound-b</div>
                <div class="code-name">#tico-sound-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-sound"></use>
                </svg>
                <div class="name">sound</div>
                <div class="code-name">#tico-sound</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-stamp-b"></use>
                </svg>
                <div class="name">stamp-b</div>
                <div class="code-name">#tico-stamp-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-task"></use>
                </svg>
                <div class="name">task</div>
                <div class="code-name">#tico-task</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-up-b"></use>
                </svg>
                <div class="name">up-b</div>
                <div class="code-name">#tico-up-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-upgrade"></use>
                </svg>
                <div class="name">upgrade</div>
                <div class="code-name">#tico-upgrade</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#tico-user"></use>
                </svg>
                <div class="name">user</div>
                <div class="code-name">#tico-user</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
